Github Hexo AppVeyor个人博客搭建和持续集成

因为一些原因，不再使用coding.net，所以在github上维护博客文件和进行持续集成。

https://foreti.me/2017/08/07/github-hexo-appveyor-ci/

---

我们都知道github pages提供了静态网页的自动解析，于是我们想到用github pages展示个人项目，特别是前端工程师，完全可以拿github展示个人项目设计。除此之外，我们也可以拿这个写个人博客，但是有一点，我们很难把博客写成html的静态页面吧。虽然可以强行实现，但是每添加一篇blog，就需要添加很多指向其他页面的链接，还有很多样式，光秃秃的页面总归不美。

有需求就有答案，这里有一种方法是，用一种博客框架来实现将编辑好的博客文本自动生成静态页面，这样我们就只用将html文件加入repository就好。有一个基于Node.js的轻量级的框架Hexo，就可以实现把markdown文件生成静态页面并发布到github仓库的功能，本文的内容从这里开始。

由于有不同的终端机，每次在不同平台去同步博客特别麻烦，所以想到持续集成的方式。在Github上同步管理我的blog源码，由第三方平台进行持续集成构建博客的html文件，并发布到gh-pages。搜一搜解决方案还不少，Travis，Appveyor和DaoCloud是我使用过的免费平台。这里只说Appveyor。

（时隔近一年，继续编辑这篇post）
这里只贴出AppVeyor的官方文档和用于hexo构建的yaml脚本。

文档地址：https://www.appveyor.com/docs/

1. 创建新项目，在设置中进行环境变量设定：

image

2. 访问github个人设置页面，点击边栏下方的【Personal access tokens】选项卡，并点击右上方的【Generate new token】按钮。Token description任意填写，下方的选项中全选repo即可。点击下方绿色的【Generate token】按钮。此时就能得到Access Token。也可以参考官方文档

3. 加密Access Token。由于这个AccessToken是可以直接操作你的仓库的，而且配置文件是公开的，所以这时就要求对AccessToken进行加密。可到AppVeyor Token加密页面进行加密。把加密后的字符串填入下一步中的配置脚本的secure里。

4. 构建脚本：

clone_depth: 5

environment:
  access_token:
    secure: ***********************************************

install:
  - ps: Install-Product node ''
  - node --version
  - npm --version
  - npm install
  - npm install hexo-cli -g
  # and other package you need

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):[email protected]`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
  - if "%APPVEYOR_REPO_BRANCH%"=="master" if not defined APPVEYOR_PULL_REQUEST_NUMBER (git diff --quiet --exit-code --cached || git commit -m "Update Static Site" && git push origin %TARGET_BRANCH% && appveyor AddMessage "Static Site Updated")

好的，大致就这么些，如果还有问题，可在评论中提出。

---

DigitalOcean 优惠码，注册充值 100，链接一 链接二

Lastly, welcome to follow me on github