半小时搞定 Travis Ci + hexo + GitHub Pages 自动化部署个人博客-原创手记-慕课网

一、配置本地 node 环境（多版本 node 可以使用 nvm 管理）

二、安装hexo

$ npm install -g hexo-cli

三、生成 hexo 项目

$ hexo init myblog

四、注册 github 账号

五、创建 username.github.io 空仓库，仓库设置成公共可访问的 (username 就是你的 github 用户名)，空仓库创建后什么都不用做

【注意：现在 GitHub Pages 只能用 master 分支，所以网上很多教程中使用 gh-pages 分支已经不适用了】

图片描述

六、创建 myblog 空仓库，这个仓库设置成私人可见(用来存放博客源码)，将步骤 3 中生成的 myblog 项目代码推送到这个私有仓库中

七、hexo 官网部署文档

当你跟着本文完成前面所有步骤后，现在开始，请跟着红框内的步骤 3 ～ 11 来设置 Travis Ci

图片描述

八、用下面配置，替换你私有仓库中的 .travis.yml 文件内容，然后推送到远程仓库中
（不要改变配置内容缩进，然后手动替换 your github username/your email）

sudo: false
language: node_js
node_js:
  - 10 # use nodejs v10 LTS
cache: npm
before_install:
  - git config --global user.name "<your github username>"
  - git config --global user.email "<your email>"
  - npm install -g hexo-cli
install:
  - npm i
branches:
  only:
    - master # build master branch only
script:
  - hexo clean
  - hexo generate # generate static files
after_success:
  - cd ./public
  - git init
  - git add --all .
  - git commit -m "Travis CI Auto Builder"
  - git push --quiet --force https://$GH_TOKEN@github.com/<your github username>/<your github username>.github.io.git master

九、在浏览器中打开你的 Github Pages

https://<your github username>.github.io