使用Hexo搭建静态博客

之前作者一直使用jekyll建立博客,被安利了hexo之后进行了尝试,发现果然要比jekyll好用简单的多,因此也把转移的过程简单写了一份攻略,供大家参考。

使用Hexo建立博客

之前有使用jekyll建立过博客,过程比较麻烦,而且因为jekyll使用的是ruby,而我对ruby不是很了解,所以修改起来很麻烦。hexo同样是建立静态博客的程序,但是因为其用的是nodejs所以安装和修改都要比jekyll简单。

安装Hexo

Hexo的安装需要nodejs的支持,所以首先要安装nodejs。
在有了nodejs之后,就可以用npm命令了。
使用npm install hexo-cli -g命令安装hexo,-g参数是全局安装。
使用hexo init blog初始化目录。
命令结束后产生一个叫blog的目录,进入目录后运行npm install,这个命令会根据package.json文件自动安装依赖,非常的容易,这也是nodejs很火的一个原因。
运行hexo g[enerate]会生成一个public的文件,这个文件包含了网页的所有内容,类似c语言的编译。
完成后运行hexo s[erver]就可以运行网页了。运行后可以从localhost:4000端口查看。可以看到自带的网页布局就已经很好看了。

模版

尽管自带的网页就已经不错了,但是想要更漂亮还是需要模版。我选择了很有名的next模版,界面简单,功能很全而且说明清晰。
hexo和jekyll又一个很大的区别就是jekyll不同的模版配置麻烦,但是对hexo来说,如果hexo是人的话,那么模版就像衣服一样,可以随便换。只需要在配置文件里做一下小小的更改就可以。讲模版(主题)下载到themes文件下面,直接修改_config.yml就可以了。

部署

hexo d命令可以用来部署,但是需要提前安装插件npm install hexo-deployer-git --save。–save表示将这个插件加入package.json文件。之后在配置中添加

1
2
3
4
5
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]

如果github主页已经关联了域名的话需要将CNAME放在resource文件夹下,并在CNAME中添加域名。

参考文档

Hexo中文文档
Hexo主页
如何搭建一个独立博客——简明Github Pages与Hexo教程
Next使用文档