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