使用AppVeyor持續(xù)集成博客

Galence 發(fā)布于2019-07-01 10:19 / 617人閱讀

摘要：創(chuàng)建賬號進(jìn)入官網(wǎng)，游客會跳轉(zhuǎn)到頁，這里可以注冊，也可以使用賬號授權(quán)登陸。可到加密頁面進(jìn)行加密。配置在項目中新建文件，用于配置持續(xù)集成的命令自己的加密默認(rèn)版本太老大致的意思是從倉庫的當(dāng)前分支拉取下來，編譯成靜態(tài)文件后，在到目標(biāo)分支。

創(chuàng)建AppVeyor賬號

進(jìn)入AppVeyor官網(wǎng)，游客會跳轉(zhuǎn)到 /login 頁，這里可以注冊，也可以使用 GitHub 賬號授權(quán)登陸。

創(chuàng)建CI項目

在 /projects 頁面選擇你的博客源碼倉庫

配置CI項目

點擊項目中 SETTINGS 選項卡，如果項目分支不是默認(rèn)的，修改 Default branch 。

再點擊 Environment 欄目，設(shè)置4個環(huán)境變量：

name	value
STATIC_SITE_REPO	靜態(tài)頁面的倉庫地址
TARGET_BRANCH	編譯后文件存放的分支
GIT_USER_EMAIL	Github用戶郵箱
GIT_USER_NAME	Github用戶名

設(shè)置好后點擊 Save 保存。

獲取AccessToken

打開 GitHub 個人設(shè)置

點擊 Developer settings 欄目，再點擊 Personal access tokens 選項卡，可以看到已有的Token，這里點擊 Generate new token 按鈕創(chuàng)建一個博客專用的token。

可以參考官方文檔

加密AccessToken

由于這個AccessToken可以直接操作你的倉庫的，而且配置文件是公開的，所以這時就要求對AccessToken進(jìn)行加密。可到AppVeyor Token加密頁面進(jìn)行加密。把加密后的字符串填入下一步中的配置文件里。

配置CI

在項目中新建 appveyor.yml 文件，用于配置持續(xù)集成的命令

clone_depth: 5

environment:
    access_token:
        secure: # 自己的加密token
install:
    - ps: Install-Product node 6.9 # 默認(rèn)node版本太老
    - node --version
    - npm --version
    - npm install
    - npm install hexo-cli -g
    
build_script:
    - hexo generate
    
artifacts:
    - path: public
    
on_success:
    - git config --global credential.helper store
    - ps: Add-Content "$env:USERPROFILE.git-credentials" "https://$($env:access_token):x-oauth-basic@github.com`n"
    - git config --global user.email "%GIT_USER_EMAIL%"
    - git config --global user.name "%GIT_USER_NAME%"
    - git clone --depth 5 -q --branch=%TARGET_BRANCH% %STATIC_SITE_REPO% %TEMP%static-site
    - cd %TEMP%static-site
    - del * /f /q
    - for /d %%p IN (*) do rmdir "%%p" /s /q
    - SETLOCAL EnableDelayedExpansion & robocopy "%APPVEYOR_BUILD_FOLDER%public" "%TEMP%static-site" /e & IF !ERRORLEVEL! EQU 1 (exit 0) ELSE (IF !ERRORLEVEL! EQU 3 (exit 0) ELSE (exit 1))
    - git add -A
    - git commit -m "Update Static Site"
    - git push origin %TARGET_BRANCH%
- appveyor AddMessage "Static Site Updated"

大致的意思是從github倉庫的當(dāng)前分支拉取下來，編譯成靜態(tài)文件后，在push到目標(biāo)分支。由于AppVeyor環(huán)境中是通過Access Token訪問我們的倉庫的，而Hexo自帶的部署則在訪問的過程中需要我們輸入帳號密碼，所以 Hexo g -d 的命令就不適合在這里使用。需要先編譯成靜態(tài)文件，再把public文件夾的靜態(tài)文件push到目標(biāo)分支。

完成