Github設定

首先需要建立兩個Repository，一個是 Username.github.io，這個github會自動啟動pages服務。另外一個repository可以隨便命名，我命名為BlogSource，記得設定成private，這個倉庫是要放local電腦上所有hugo的相關資料和設定，因為有可能包含私人的參數，這些資料最好不要放在公開的repository上，避免有心人利用

create BlogSource BlogSource建立好之後，複製git網址並將網址加入到在本地端的hugo目錄的git config中，git相關的設定請自行搜尋建立相關知識。這裡github也很貼心的提供相關的操作，只要按照步驟應該能夠完成設定 BlogSource git config

再來我們要建立一個token，位置在 Settings -> Developer settings -> Personal access tokens -> Generate new token ，要將 repo:status, repo_deployment, public_repo三個選項勾起來

generate token

然後你會產生出來一串憑證，請保存起來，接著需要這個憑證可以讓 Travis-ci 執行自動化工作後，接著將最後的靜態網頁push to pages服務的repository上 copy token string

Travis設定

到Travis-ci 建立一個帳號，可是事實上travis-ci.com已經跟github高度整合，只需要點擊右上角的sign in with github，接著點擊 Manage repositories on Github，預設可以控制所有的repository，這樣有點恐怖，所以我這裡改成指定特定的倉庫即可 Only select repositories

此時會回到Travis-ci，就可以看到BlogSource出現在列表中 import repositories

開始設定token到Travis-ci，點擊BlogSource 旁的settings按鈕，如畫面將選項打開，同時新增一組Environment Variables，命名為GITHUB_TOKEN，Value就填入剛剛在github產生的憑證字串，然後按下Add。完畢後Travis-ci的設定工作就算完成了 add github_token

撰寫 .travis.yml

最後我們回到local端，到hugo site的目錄下新增一個 .travis.yml，內容如下

language: go

go:
  - "1.8"  # 指定Golang 1.8

install:
    - wget https://github.com/gohugoio/hugo/releases/download/v0.55.4/hugo_0.55.4_Linux-64bit.deb
    - sudo dpkg -i hugo*.deb

before_script:
  - echo -e "Host github.com\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
  - git config --global user.email ${GITHUB_EMAIL}
  - git config --global user.name ${GITHUB_USERNAME}

script:
  - hugo 

after_script:
  - git clone "https://chimerakang:${GithubToken}@${GH_REF}" github-pages
  - rm github-pages/public -rf
  - cp ./public/* github-pages -rf
  - cd github-pages
  - git add .
  - git commit -m "Update Blog By TravisCI with Build $TRAVIS_BUILD_NUMBER"
  - git tag v0.0.$TRAVIS_BUILD_NUMBER -a -m "Auto Taged By TravisCI With Build $TRAVIS_BUILD_NUMBER"
  # github Pages
  - git push --force "https://${GITHUB_TOKEN}@${GH_REF}" master:master
  # github Pages
  - git push "https://${GITHUB_TOKEN}@${GH_REF}" master:master --tags

env: 
  global:
    - GH_REF: github.com/chimerakang/chimerakang.github.io.git

撰寫這個script之前我參考了相當多網路文章，試了一整天發現很多錯誤，根本做不到他們說的可以自動更新我的Pages頁面。或許是年代久遠，或者很多人只是互相抄襲我不知道，直到自己大概想一下前因後果，了解Travis-ci的運作原理是在Travis-ci中建立一個虛擬機，可能也是利用docker的方式，每次建立hugo環境，然後將更新的BlogSource目錄下執行hugo指令將靜態網頁產生出來，這個動作和我們在本機端是一樣的。

但是在after_script階段的動作就相當重要，先將個人pages的repository pull到 github-pages中，然後將靜態網頁的結果正個複製到 github-pages目錄中，最後再push回去，此時你的部落格就更新了

所以之後只要在本地端的內容寫了新的貼文或者修改內容，push to github，Travis-ci就會自動將部落格更新，這樣世界是不是很美好

附註

注意一下其實travis-ci有兩個服務，幾乎所有人都是介紹travis-ci.org，但是這個只能支援public repository，在我看來實在不妥，畢竟以資安的角度來看，一些設定和個人參數，甚至連token這些資料放在每個人都可以任意存取的地方，實在是風險很大。還好我後來找了資料發現原來travis-ci.com是個孿生兄弟，是商業版的服務，不一樣的是支援了private repository的存取，於是改用travis-ci.com是比較安全的選擇，至少private repository是無法任意存取的，比較令人放心將資料放在上面。

參考：