### 1. 修改blog倉庫設置
github可以自動檢測pages, 我們按它的規(guī)則發(fā)布到gh-pages分支, 或者發(fā)布到docs目錄下, 通過YourName.github.io就可以進入我們的blog.
但是筆者使用過程中發(fā)現(xiàn)發(fā)布到gh-pages分支時,訪問blog的路徑成了YourName.github.io/yourblog,沒有實現(xiàn)我想要的效果, 訪問blog的路徑為YourName.github.io, 而發(fā)布到docs目錄太麻煩, 而其不便于管理, 就不考慮了.
于是筆者想到發(fā)布到master分支, 使用dev分支管理文章, master分支用于發(fā)布, 這就可以使用YourName.github.io域名直接訪問blog.
我們可以使用CI/CD服務來實現(xiàn)我們的blog的自動構建和發(fā)布, 這樣可以省去手工構建和發(fā)布的繁瑣事務, 每次 git push 之后自動構建并發(fā)布到master分支, 實現(xiàn)自動化運維.
#### 1.1 建立dev分支, 移除master分支
```
#建立并進入dev分支
git checkout -b dev
#移除master分支
git push origin --delete master
git branch -d master
#同步dev分支
git push -u origin dev
```
#### 1.2 配置遠程倉庫
進入github倉庫設置頁面(Settings), 修改 repository name 為 YourName.github.io 這種形式.
進入github倉庫設置頁面(Settings)下的Branches子頁, 修改 Default branch 為 dev 分支
### 2. 配置 CI/CD
CI/CD服務我們可以使用wercker, 它提供免費的服務.
{{< figure src="/images/wercker.jpg" title="" >}}
訪問 (Wercker)[http://www.wercker.com/] , 選擇 Get Started for free, 進入登錄頁面, 我們用github登錄就可以啦.
點擊 Create 按鈕創(chuàng)建一個Application, 選擇 Use Github, 進入github倉庫選擇頁面, 選擇我們的blog倉庫 YourName.github.io 其它默認, 直到Finsih.
#### 2.1 配置wercker.yml
*yml文件使用空格縮進*
在Wercker的Registry下我們可以看到很多wercker.yml配置腳本, 這里我就直接貼出我的配置啦.
```
box: debian
build:
steps:
- arjen/hugo-build:
theme: cactus-plus
flags: --buildDrafts=true
- script:
name: ls stuff
code: |
ls -haltr /pipeline/source/public
deploy:
steps:
- script:
name: ls output
code: |
ls -haltr /pipeline/output
- script:
name: ls source
code: |
ls -haltr /pipeline/source
- install-packages:
packages: git ssh-client liberror-perl
- sf-zhou/gh-pages@0.2.6:
token: $GIT_TOKEN
domain: alenstar.github.io
basedir: public
branch: master
```
按我個人的理解, box字段說明構建用的容器類型, build 和 deploy 是兩個pipeline, 用于構建和部署的.
build下的theme字段改成自己的主題名就好.
deploy下的branch設置為master, 用于發(fā)布的分支鲁猩； basedir是要發(fā)布的內容目錄, 它是在build階段生成.
#### 2.2 提交wercker.yml, 開始第一次構建
```
git add wercker.yml
git commit -m "added wercker.yml"
git push
```
回到Wercker下, 我們可以在Applications下blog應用的Runs看到構建腳本開始運行了.
#### 2.3 配置Wercker的Workflows
回到Wercker下, 進入Applications, 選擇我們的blog應用, 在Workflows下, 可以看到build pipeline, 現(xiàn)在我們要添加deploy pipeline 來實現(xiàn)自動部署, 點擊 Add new pipeline, 設置Name 和 YML Pipeline name 為deploy, 然后Create即可.
再回到Workflows下, 將deploy關聯(lián)到build后面, 點"+"就可以的.
#### 2.4 配置Wercker的Environment
由于Wercker部署應用時要修改倉庫(創(chuàng)建部署用分支), 所以要添加TOKEN.
先到github的個人設置頁面 Generate new token, 并拷貝.
設置環(huán)境變量的Key為GIT_TOKEN(和wercker.yml下的deploy的token相同, 不含$符號), 將拷貝的token粘貼到Value下, 勾選Protected, 并添加.
### 3. 觸發(fā)Workflow
在本地blog倉庫下添加新文章, 編輯之后, 添加并提交到dev分支, 就可以觸發(fā)Workflow, 在Wercker上我們可以看到各個階段的執(zhí)行情況.
### 4. 訪問我們的blog
打開 https://YourName.github.io 地址就可以訪問我們的blog了.
