通過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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容