使用 Travis CI 自動部署 Hexo 站點至 GitHub Pages

Hexo 與 GitHub Pages 安裝配置請參考:HexoGitHub Pagesnode

本文源碼與生成的靜態文件在同一項目下,源碼在 source 分支,靜態文件在 master 分支git

  1. 新增 tokengithub

    登陸 GitHub: Settings--> Developer settings--> Personal access tokens--> Generate new tokennpm

    image

    記下產生的 token併發

  2. 使用 GitHub 賬號登錄 Travis CI ,開啓項目:hexo

    image

  3. 項目設置:ui

    image

    image

  4. 新增 travis 配置文件spa

    在源碼根目錄新增 .travis.yml 文件,內容以下:code

    language: node_js
    node_js: stable
    
    install:
    - npm install
    
    script:
    - hexo g
    
    after_script:
    - cd ./public
    - git init
    - git config user.name "VictorBu"
    - git config user.email "victorbu.xx@gmail.com"
    - git add .
    - git commit -m "add/edit"
    - git push --force --quiet "https://${github_token}@${GH_REF}" master:master
    
    branches:
    only:
        - source
    
    cache:
    directories:
        - node_modules
    
    env:
    global:
    - GH_REF: github.com/VictorBu/victorbu.github.io.git
    • github_token:爲前面步驟 Environment Variables 中設置的 token 變量名
    • branches:設置源碼所在的分支,本文爲 source
    • 修改 user.name, user.email, 倉庫地址, 靜態文件對應分支
  5. push 文章到 source 目錄,Travis CI 即會自動編譯併發布blog

備註

若是須要綁定域名,把 CNAME 文件放置在源碼的根目錄/source 文件夾下便可

參考

如何快速搭建一個有域名且持續集成的hexo博客(2.0版)

相關文章
相關標籤/搜索