使用 Hexo + Next 构建 Blog

这是一个测试 Blog，介绍如何构建此 Blog

Hexo + Next

介绍

• Hexo 是一个 blog 框架
• Next 是 hexo 的一个主题

  使用文档

安装 hexo

执行以下命令（把 <repo> 换成自己的 repo）

npm install -g hexo-cli
hexo init <repo>
cd <repo>

修改 theme

git clone https://github.com/theme-next/hexo-theme-next theme/next

• 修改 _config.yml 中的 theme 为 next（在 _config.yml 和 theme/next/_config.yml 有大部分的配置可以修改）
• 可以使用 hexo s 进行测试，在 http://localhost:4000/ 查看效果

Push to Github.io

• 在 github 创建 <username>.github.io，在 settings 中配好 github page，并配好 ssh

• 修改 _config.yml (repository 可以在 github repo 的 clone 中获得)

  deploy:
    type: git
    repository: git@github.com:<username>/<uesrname>.github.io.git
    branch: master

• Push 生成的页面到 github

  hexo g
  hexo d

• 在 <username>.github.io 中查看

可以把上述过程放到 ci 中生成 travis-ci 或 appveyor，只需要把 ssh 换成 github token 即可，不过由于每次生成的时候，都要进行测试，所以我会直接在测试完直接 deploy，而不采用 ci 方式部署