之前的 hexo 博客我都是在電腦上進行生成然後 push 上 github repo，現在感覺有些麻煩 就是懶 所以就想著能不能用 travis-ci 自動化構建博客。
準備#
創建分支#
我採用的方法是在 github 倉庫上創建兩個分支，master 和 source，分別存放生成的網站文件以及源文件。
編寫 travis 配置文件#
文件內容如下：
language: node_js
node_js: stable
branches:
only:
- source
cache:
apt: true
yarn: true
directories:
- node_modules
before_install:
- git config --global user.name "johnpoint"
- git config --global user.email "[email protected]"
- curl -o- -L https://yarnpkg.com/install.sh | bash
- export PATH=$HOME/.yarn/bin:$PATH
- npm install -g hexo-cli
install:
- yarn
script:
- npm install hexo-renderer-pug --save
- npm install hexo-renderer-sass --save
- npm install hexo-generator-feed --save
- hexo clean
- hexo generate
after_success:
- mkdir push
- cd ./push
- git clone https://github.com/johnpoint/johnpoint.github.io .
- rm * -rf
- cp ../public/* . -r
- git add --all .
- git commit -m "Travis CI Auto Builder"
- git push --quiet https://[email protected]/johnpoint/johnpoint.github.io
master
配置 github 密鑰#
因為之前我是打開了 github 的雙因素認證，所以 push 不能使用原來的 github 用戶名 + 密碼的方式進行身份認證了。
在上圖的地方加入 name 為 REPO_TOKEN，value 為 Personal access tokens
等待開始構建#
一般來說要做的工作就已經完成了，只需要靜靜的等待 travis-ci 的構建完成，這篇文章就是通過自動構建生成的
