使用 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 配置文件blog

    在源碼根目錄新增 .travis.yml 文件,內容以下:
    ```
    language: node_js
    node_js: stabletoken

    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:
    - sourceip

    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 即會自動編譯併發布

備註

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

參考

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

相關文章
相關標籤/搜索