johnpoint

johnpoint

(。・∀・)ノ゙嗨
github

travis-ciを使用してブログを自動化ビルドする

以前の hexo ブログは、コンピュータで生成してから GitHub リポジトリにプッシュしていましたが、今は少し手間がかかると感じています。ただの怠惰です だから、travis-ci を使ってブログを自動化できないかと考えました。

準備#

ブランチの作成#

私は、GitHub リポジトリで 2 つのブランチ、mastersourceを作成して、それぞれ生成されたウェブサイトファイルとソースファイルを保存しています。

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 の二要素認証を有効にしていたため、プッシュには以前の GitHub のユーザー名とパスワードの認証方法は使用できません。

image

上の図の場所に、名前を REPO_TOKEN、値をPersonal access tokensに追加します。

構築の開始を待つ#

一般的には、すべての作業が完了し、travis-ci の構築が完了するのを静かに待つだけです。この記事は自動構築によって生成されました。

image

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。