通过Travis CI自动部署Hexo博客

安装travis

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

gem install travis

在github上生成Access Token

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

通过Travis CI自动部署Hexo博客_第1张图片

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

在Travis CI配置Github的Access Token

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

通过Travis CI自动部署Hexo博客_第2张图片

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

新建配置文件

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

cd 博客项目文件夹根目录
touch .travis.yml

加密操作

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

travis encrypt 'REPO_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 "[email protected]"
  - 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

你可能感兴趣的:(通过Travis CI自动部署Hexo博客)