风晓

使用Hexo搭建博客(一)

引言:

本来刚开始想用python的django框架进行个人博客的搭建,但是使用python框架进行搭建的话, 但是进行到一半就不想干了,因为代码量太复杂,太繁琐,后来在网上发现了hexo这个专业的博客框架,搭建起来比较django省时省力,就决定用Hexo来搭建,在本地搭建没什么问题,但部署在云服务器的过程异常艰难。但最终,在神器——百度 的帮助下,问题全部解决

Hexo 说明

Hexo是基于nodeJS环境的静态博客,简单来说就是轻量,简易,高逼格的博客工具,hexo是将markdown文件生成静态的html然后将生成的html上传到我们的服务器,简而言之:hexo是个静态页面生成,上传的工具

准备环境

先安利一个在windows下非常好用的命令行工具cmder,关于他的好用之处,在另一篇博客有详细说明

  1. Node.js 下载后,双击打开安装,也是一路next,不过在Custom Setup这一步记得选 Add to PATH ,这样你就不用自己去配置电脑上环境变量了

  2. Git 下载安装,下载后一路next就好

  3. 用npm安装Hexo

    1
    npm install -g hexo-cli  // npm是安装Nodejs一起安装的包管理工具

这样我们的hexo在本地就差不多完成了,然后我们新建一个空的文件夹,进去初始化博客(这里我新建一个blog的文件夹)然后输入下列命令

1
2
hexo init # hexo会在目标文件夹简历网站所需要的所有文件
npm install # 安装依赖包

也可以使用 hexo init ,其中 为保存Hexo的项目路径,然后就等待clone,就会把各种配置文件下载到你的文件夹中了,

本地启动

1
2
hexo g #等同于hexo generate,胜场静态文件到public文件夹
hexo s # 等同于hexo server,在本地服务器运行

还有一个命令

1
hexo clean #作为清除静态文件夹的内容并删掉,主要用于更改变更了某些地方导致页面显示不完善

之后就可以打开浏览器并输入ip地址http://localhost:4000/查看,效果如下

新建页面和文章

1
2
hexo new 'title' #生成新文章,路径在:\source\_post\title.md
hexo new page 'title' #生成新页面,可在主题配置文件中配置页面

生成文章或页面的模板放在博客文件夹根目录下的 scaffolds/ 文件夹里面,文章对应的是 post.md ,页面对应的是page.md,草稿的是draft.md

编辑文章

1
2
3
4
5
6
7
8
9
---
title: Start My Blog Trip — Power By Hexo # 文章页面上的显示名称,可以任意修改,不会出现在URL中
date: 2017-2-10 23:49:28 # 文章生成时间,一般不改
categories: diary # 文章分类目录,多个分类使用[a,b,c]这种格式
tags: [Hexo,diary] # 文章标签
---
#这里开始使用markdown格式输入你的正文。
<!--more-->
#more标签以下的内容要点击“阅读全文”才能看见,#more标签以上的内容为你首页显示文章的摘要部分

Markdown文章编辑

如果不熟悉MD语法,可以去百度,B站找教学,不难,常用的语法就那么几个

再给大家安利个md文章神器Typora,还有hexo文章神器HexoEditor

常用命令总结

1
2
3
4
5
6
7
hexo init [folder] # 初始化一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站
hexo new [layout] <title> # 新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来
hexo version # 查看版本
hexo clean # 清除缓存文件 (db.json) 和已生成的静态文件 (public)
hexo g # 等于hexo generate # 生成静态文件
hexo s # 等于hexo server # 本地预览
hexo d # 等于hexo deploy # 部署,可与hexo g合并为 hexo d -g

本篇文章先到这儿,下篇文章给大家分享分享打造个性化的hexo-blog


已经到底了!:

 评论

!--动态线条背景-->