本教程基于 Hexo 框架 + Butterfly 主题 + GitHub Pages 搭建博客
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
npm install -g hexo-cli安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。
hexo init <folder> # 初始化Hexo项目文件夹
cd <folder>
npm install # 安装项目依赖新建完成后，指定文件夹的目录如下：
.
├── _config.yml # 网站的配置信息
├── package.json # 应用程序的信息
├── scaffolds # 模版文件夹,当新建文章时，Hexo会根据scaffold来建立文件
├── source # 存放用户资源的地方
| ├── _drafts # 存放drafts文档
| └── _posts # 存放posts文档
└── themes # 主题文件夹
hexo-theme-butterfly是基于 hexo-theme-melody 的基础上进行开发的
npm i hexo-theme-butterfly
npm update hexo-theme-butterfly # 升级命令修改 Hexo 根目录下的 _config.yml，把主题改为butterfly
theme: butterfly下载安装pug 以及 stylus 的渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save在 hexo 的根目录创建一个文件 _config.butterfly.yml，并把主题目录的 _config.yml 内容复製到 _config.butterfly.yml 去，在 _config.butterfly.yml 更改主题配置。
在本教程中，我们将会使用 Travis CI 将 Hexo 博客部署到 GitHub Pages 上。Travis CI 对于开源 repository 是免费的，但是这意味着你的站点文件将会是公开的。
-
新建一个 repository。如果你希望你的站点能通过域名
<你的 GitHub 用户名>.github.io访问，你的 repository 应该直接命名为<你的 GitHub 用户名>.github.io。 -
将你的 Hexo 站点文件夹推送到 repository 中。默认情况下
public目录将不会（也不应该）被推送到 repository 中，你应该检查.gitignore文件中是否包含public一行，如果没有请加上。 -
将 Travis CI 添加到你的 GitHub 账户中。
-
前往 GitHub 的 Applications settings，配置 Travis CI 权限，使其能够访问你的 repository。
-
你应该会被重定向到 Travis CI 的页面。如果没有，请 手动前往。
-
在浏览器内新建一个标签页，前往 GitHub 新建 Personal Access Token，只勾选
repo的权限并生成一个新的 Token。Token 生成后请复制并保存好。 -
回到 Travis CI，前往你的 repository 的设置页面，在 Environment Variables 下新建一个环境变量，Name 为
GH_TOKEN，Value 为刚才你在 GitHub 生成的 Token。确保 DISPLAY VALUE IN BUILD LOG 保持 不被勾选 避免你的 Token 泄漏。点击 Add 保存。 -
在你的 Hexo 站点文件夹中新建一个
.travis.yml文件：sudo: false language: node_js node_js: - 10 # use nodejs v10 LTS cache: npm branches: only: - master # build master branch only script: - hexo generate # generate static files deploy: provider: pages skip-cleanup: true github-token: $GH_TOKEN keep-history: true on: branch: master local-dir: public
-
将
.travis.yml推送到 repository 中。Travis CI 应该会自动开始运行，并将生成的文件推送到同一 repository 下的gh-pages分支下。 -
在 GitHub 中前往你的 repository 的设置页面，修改
GitHub Pages的部署分支为gh-pages。 -
前往
https://<你的 GitHub 用户名>.github.io查看你的站点是否可以访问。这可能需要一些时间。
注意：
Travis CI 提供的是持续集成服务（Continuous Integration，简称 CI）。它绑定 Github 上面的项目，只要有新的代码，就会自动抓取。然后，提供一个运行环境，执行测试，完成构建，还能部署到服务器。这个步骤不是必须的。
npm install hexo-deployer-git --save- 修改配置。
deploy:
type: git
repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
branch: [branch]
message: [message]
token: [token]token是部署中第6步产生的token，用于访问仓库，否则需要配置账号与密码。
由于 Hexo 的部署默认使用分支 master，所以如果你同时正在使用 Git 管理你的站点目录，你应当注意你的部署分支应当不同于写作分支。一个好的实践是将站点目录和 Pages 分别存放在两个不同的 Git 仓库中，可以有效避免相互覆盖。Hexo 在部署你的站点生成的文件时并不会更新你的站点目录。因此你应该手动提交并推送你的写作分支。修改上述branch为站点目录分支，同时需要修改仓库的部署分支。
-
Hexo 提供了快速方便的一键部署功能，让您只需一条命令就能将网站部署到服务器上。
hexo d # 命令全称 hexo deploy
生成网站静态文件：
hexo g # hexo generate运行上述命令会在 public 文件夹下面生成网站静态文件，将 public 文件夹下所有文件上传到 GitHub Pages 部署分支即可。