以前の hexo ブログは、コンピュータ上で生成して github リポジトリにプッシュしていましたが、今は少し手間がかかると感じています。ただの怠惰です だから、travis-ci を使ってブログを自動化できないか考えてみました。
準備#
ブランチの作成#
私は github リポジトリで 2 つのブランチ、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 の 2 要素認証を有効にしていたため、プッシュには元の github のユーザー名 + パスワードの方法で認証することができませんでした。
上の図の場所に、name を REPO_TOKEN、value をPersonal access tokensに設定します。
構築の開始を待つ#
一般的には、すでに行うべき作業は完了しており、travis-ci の構築が完了するのを静かに待つだけです。この記事は自動構築によって生成されました。
