通过Travis CI自动部署Hexo博客

安装travis

Travis安装需要Ruby环境，所有需要安装Ruby,并且需要安装rubygems插件。

gem install travis
复制代码

在github上生成Access Token

首先我们来到github的设置界面，点击到Personal access tokens页面，点击右上角的Generate new token按钮会重新生成一个，点击后他会叫你输入密码，然后来到如下界面，给他去一个名字，下面是勾选一些权限

生成完后，你需要拷贝下来，只有这时候他才显示，下载进来为了安全他就不会显示了，如果忘了只能重新生成一个了，拷贝完以后我们需要到Travis CI网站配置下

在Travis CI配置Github的Access Token

配置界面还是在项目的setting里面，如下图

至于为什么我们要在这里配置，我想大家肯定应该明白了，写在程序里不安全，配置到这里相当于一个环境变量，我们在构建的时候就可以引用他。 到这里我已经配置了要构建的仓库和要访问的Token，但是问题来了，他知道怎么构建，怎么生成静态文件吗，怎么push的gitpages，又push到那个仓库吗，所以这里我们还需要在源代码的仓库里创建一个.travis.yml配置文件，放到源代码的根目录，如下图

新建配置文件

首先打开博客项目文件夹，在项目根目录新建.travis.yml配置文件。

cd 博客项目文件夹根目录
touch .travis.yml
复制代码

加密操作

加密travis私钥，--add将解密命令添加到.travis.yml

travis encrypt 'REPO_TOKEN=<TOKEN>' --add 
复制代码

配置文件

修改git config你的用户名和邮箱，修改GH_REF为你的github项目地址

language: node_js
node_js: stable
before_install:
  - npm install -g hexo
install:
  - npm install
script:
  - hexo generate
after_script:
  - cd ./public
  - git init
  - git config user.name "PatrickPhang"
  - git config user.email "patrickyateschn@gmail.com"
  - git add .
  - git commit -m "Update docss"
  - git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:master
branches:
  only:
    - hexo
env:
  global:
  - GH_REF: https://github.com/PatrickPhang/patrickphang.github.io.git
  - secure: xxxxxx
复制代码

Push文章到Github

git push origin hexo:hexo
复制代码

参考

手把手教你使用Travis CI自动部署你的Hexo博客到Github上 Continuous Integration Your Hexo Blog With Travis CI
Hexo 博客 travis-ci 自动部署到VPS
hexo教程系列——使用Travis自动部署hexo
用 Travis CI 自动部署 hexo