githubpages + hexo搭建博客

发表于 | 分类于 |

记录一下在macOS上利用hexo和GitHub搭建本博客的过程。hexo的中文官方指南在这里。

准备

你要有个Github账号和一个Gitpage仓库。

安装：

安装Node.js & Git

https://nodejs.org/en/

https://git-scm.com/

有博客说hexo编译会依赖Xcode，Xcode在App Store下载即可。

安装Hexo

1
sudo npm install -g hexo-cli

初始化Hexo

在你想要作为博客目录的目录下，打开终端：

1
2
hexo init
npm install

安装hexo server

1
sudo npm install hexo-server

到这里hexo生成页面的所有组件就安装完啦！
可以先看看默认的页面什么样：

1
2
hexo g (/generate)
hexo s (/server)

看到 Hexo is running at http://localhost:4000/.
就可以看看默认的页面啦。

#基本配置

关联Github

在Hexo安装目录里找到_config.yml文件，打开，修改最后面的deploy段为：

1
2
3
4
deploy: 
 type: git 
 repo: https://github.com/你的用户名/你的用户名.github.io.git 
 branch: master

然后 hexo d (/deploy)
就部署到你的gitpage啦。

hexo基本操作

写文章

1
hexo new "postName"

生成静态页面

1
hexo g

本地预览

1
hexo s

部署

1
hexo d

这里有一个可能忘记的点：在部署之前需要安装hexo-deployer-git。

1
npm install --save hexo-deployer-git

清除缓存

1
hexo clean

详细参见 指令 | hexo。

个性化

在主题列表上找到心仪主题，clone到博客目录下的themes目录，再更改_config.yml文件的theme参数为想更换的主题名称即可。注意此处的主题名称是存放主题的文件夹的名称。

参考了这两篇博客：

hexo的next主题个性化配置教程

HEXO-NEXT主题个性化配置

源码自动备份

参考这两篇博客。

备份Hexo博客源文件

自动备份Hexo博客源文件