Hexo 博客每次寫完文章后都需要手動(dòng)執(zhí)行 hexo clean
峰弹、hexo g
佛南、hexo d
命令來上傳與生成靜態(tài)網(wǎng)頁,這個(gè)過程對于博客的維護(hù)管理來說很是麻煩。于是想著怎么樣簡化這個(gè)過程怀伦,減少冗余的工作量。
Google 搜索 hexo 自動(dòng)部署
后決定利用 Travis CI 來實(shí)現(xiàn) hexo 博客的自動(dòng)部署装畅。
簡述自動(dòng)部署 hexo 博客實(shí)現(xiàn)過程
(一)在博客倉庫下新建名為 hexo
的分支:
具體實(shí)現(xiàn)過程請自行 Google/Baidu 晶衷。
(二)添加 .travis.yml
在博客源文件根目錄下并上傳:
.travis.yml
內(nèi)容:
language: node_js
node_js: stable
cache:
directories:
- node_modules
before_install:
- npm install hexo-cli -g
install:
- npm install
- npm install hexo-deployer-git --save
script:
- hexo clean
- hexo generate
after_script:
- cd ./public
- git init
- git config user.name "username"
- git config user.email "useremail"
- git add .
- git commit -m "Update docs"
- git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:master
branches:
only:
- hexo
env:
global:
- GH_REF: github.com/username/username.github.io.git
(三)配置GitHub Access Token:
GitHub 主頁 ——> Settings ——> Developer Settings ——> Personal access tokens ——> Generate new token
(四)Travis CI 設(shè)置:
?? (1)登錄 Travis 網(wǎng)站用 github 授權(quán)登錄;
?? (2)登錄后在個(gè)人主頁選擇你需要 CI 的倉庫抄邀;
?? (3)點(diǎn)擊你選擇的 hexo 博客的倉庫進(jìn)行配置耘眨;
?? (4)在 Travis 倉庫配置界面 setting 里面對環(huán)境變量 Environment Variables 進(jìn)行 token 配置;
(五)撰寫文章并 push 到 github pages:
每次寫完文章境肾,只需要執(zhí)行下面的命令剔难,其余部分會(huì)自動(dòng)完成部署。
git add .
git commit -m "updated docs"
git push origin hexo
參考文章:
(1)利用 CI 自動(dòng)部署 hexo 博客奥喻、
(2)Travis CI 自動(dòng)部署 hexo 到 GitHub/Coding