在第一天尝试了 hexo 之后，觉得这个静态博客远比不上 wordpress 托管到主机上的博客方便，因为太依赖本机环境，需要 nodejs 和 git，每次更新后需要自己生成静态页面（虽然也就两行代码的事情），这一点都不 cool！
并且有一大弊端，当你转移电脑的时候，你需要转移你根目录下很多配置文件和之前的 md 文件，（图片等资源文件我是利用插件同步到了七牛的，所以资源文件不用担心），这也需要备份！（这个时候我想到了利用我 Github Pages 的同一个仓库，通过建不同的分支来实现，比如我是 username.github.io 仓库，master 分支为 hexo 生成同步的 web 展示页分支，我新建一个 hexo 分支，就是包含了我根目录下的 themes/, source/, _config.yml,package.json 然后就能在其他环境下重新搭建 hexo）

为了达到自动更新和在线编辑的目的，我遍寻方法。
【2020 更新： 最新请直接使用 Github Action】

  • ide.coding.net

Coding WebIDE 是 Coding 自主研发的在线集成开发环境。用户可以通过 WebIDE 创建项目的工作空间，进行在线开发，调试等操作。与此同时，WebIDE 还提供了可分享的开发环境功能，用户可以保存当前的 Terminal 环境，分享给团队的其他成员。

利用 coding WebIDE 远程 hexo 教程

  • 绿色版本的 git 和 hexo

好吧这依旧不酷。。。。就是拷进 U 盘而已

  • 百度云/Dropbox 同步

没差，没有运行环境，也需要重新配置。

上一次接触到持续集成这个概念，还是暑假我实习的时候，当时是我们利用公司自己搭的 gitlab，利用 git 提交代码到服务器主机，也有 ftp，然后主机自己会把汇集在一起的代码进行检测，检测通过后发布。（当时去学了下持续集成，持续发布等的概念。。。也算是学到的知识吧）

现在！我们也可以利用持续集成，通过 push md 文档到 git，远端自己 pull，然后自己构建 hexo，然后 push 到我的 github pages 的仓库。（这里我依旧利用了两个分支，master 分支发布，hexo 分支编辑。）

当时主要是看到了这篇文章，介绍了 AppVeyor，当然后面也有查阅到使用 Travis 自动部署 Hexo，而且 AppVeyor 是唯一支持 Windows 的服务商。。（虽然 hexo 也并没有必须 Windows）

下面介绍我使用 AppVeyor 趟的坑

  1. 注册登陆 AppVeyor

free for opensource project

  1. AppVeyor 新建 Project

Github 授权，关联相关 repo（更新文档的 repo）（我都是在/blog ）
设置项目

  • setting-general

  • setting-env

  1. 配置 appveyor.yml 到文档 repo

需要利用 GitHub Access Token，这玩意儿相当于你的 git 的密钥，GitHub 上生成 token 的相关官方文档

然后由于你 .yml 是在 Github 上公开的，所以你的 token 必须利用 AppVeyor 的加密工具进行加密

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
clone_depth: 5
environment:
  access_token:
    secure: 
    【替换成自己加密后的 GitHub Access Token】

install:
- 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
- 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")

这是我第二次接触到 yml，yml 可以转换成 json，语法严格，连冒号后空格都要限制必须只能一个。。。

.yml 仔细一看，都是 bash 操作啊！

  1. 基本完成！

好吧这是网上的博主。。。我是又遇到 bug 了（配置什么的，最烦了！）当时已经在 appveyor 上 build 了，遇到无数次报错！

  • 拉取失败过
    项目配置的 branch 有误，更新文档的 repo 的 branch 才有 yml

  • hexo generate 成功了
    然后毫无反应。。。。我也不知道为什么

  • 仔细查看 yml
    我查看 yml，发现

    1
    2
    build_script:
    - hexo generate

欸只有 generate 呢？我就擅自加了个 hexo deploy
然后遇到了权限报错，回想了一下 hexo 在部署的时候，我是需要手动输入 git 的密钥的。。。
看来是 git 上有问题，可是我明明有 token 啊？
我在查阅相关 key 配置时，发现有个东西叫 credential？？诶 yml 文档里面也有这个欸！

1
2
- git config --global credential.helper store
- ps: Add-Content "$env:USERPROFILE\.git-credentials" "https://$($env:access_token):x-oauth-basic@github.com`n"

这里 yml 将环境变量，我传进去的 access_token 用到了，这里应该就是配置 ssh 免密。
于是我想通了，不应该用 hexo 自带的部署，直接用 git bash 命令上传，于是我把后面部分修改成

1
2
3
4
- git add -A
- git commit -m "Update Static Site" 
- git push origin %TARGET_BRANCH%
- appveyor AddMessage "Static Site Updated"

这里又回顾了一波 git bash 命令（通常都用 sourcetree 的我。。。）

然后终于成功了！！！

至此，接下来只需要深入了解 AppVeyor 的自动集成周期等更详细的信息就行了。
AppVeyor 还可以根据你 git 更新打的 tag 来触发！欢迎尝试！

（凌晨一点终于搞完 hexo 持续集成，然后又花了一个小时写博客。。。）

最新：用 GitHub Actions 自动化发布 Hexo 网站到 GitHub Pages https://juejin.im/post/6844903961435045902