Hexo on air! 持续集成，托管与 CDN 加速

这篇博客将承接上一篇精简部署，快速走一遍 Github Pages 托管后，着重介绍通过 Github Actions 进行持续集成，Vercel、Netlify、Cloudflare Pages 等托管平台，以及 CDN 加速的配置。

Deploy to Github Pages

关于 Github Pages 的部署，可以参考 Hexo 官方文档。

网上的教程也很多，这里直接给出一个简单的配置。

# _config.yml
deploy:
  type: git
  repo: https://www.github.com/username/username.github.io.git
  branch: master

CI by Github Actions

我们可以通过 Github Actions 来实现持续集成。

这种方式的好处是，我们可以在本地写好博客，然后通过 Github Actions 自动部署到 Github Pages 上。

因此，你不需要担心在不同的电脑上写博客的问题，只需要将博客的源码推送到 Github 上，Github Actions 就会自动部署。

毕竟，每次手动配 npm 环境，然后 hexo d 也是挺麻烦的。

配置 Github Actions

Github Actions 是 Github 提供的持续集成(CI/CD, Continuous Integration/Continuous Delivery)服务。

我们可以通俗的理解为，Github Actions 可以在我们推送代码到 Github 仓库时，自动配置 Hexo 环境，生成网站，然后部署到 Github Pages 上。

你需要在 Github 上新建一个仓库，来存储你的博客源码。

如果你很熟悉这些，你也完全可以在一个仓库中，用不同的分支来存储源码和部署后的静态文件。

让我们来看看配置文件的内容。

开头

# .github/workflows/autodeploy.yml
name: 自动部署
on:
    commit:
        branches:
            - master

这里比较好理解，这个配置文件的名字叫 自动部署 ,当有改动推送到 master 分支时，启动 Action。

环境配置与安装依赖


jobs:
    deploy:
        runs-on: ubuntu-latest
        steps:
            - name: 检查分支
              uses: actions/checkout@v4
              with:
                  ref: master
                  submodules: recursive

            - name: 安装 Node
              uses: actions/setup-node@v3
              with:
                  node-version: latest

            - name: 安装 Hexo
              run: |
                  export TZ='Asia/Shanghai'
                  npm install hexo-cli -g

jobs 是 Actions 的核心，这里我们定义了一个 deploy 任务，平台为 ubuntu 的最新版本 ( latest )。

接下来，我们

调用了 actions/checkout@v4 来 check out 分支 master，并且递归的获取子模块。
调用了 actions/setup-node@v3 来安装最新版本的 Node.js
执行 npm 的命令来安装 Hexo

在这里我们可以看到两点:

可以调用其他人写好的 Action，这里 acitons/checkout 和 actions/setup-node 都是 Github 官方提供的 Action。
可以通过 run 来直接执行命令，就像在终端里一样。

生成 Hexo

- name: 缓存 Hexo
  id: cache-npm
  uses: actions/cache@v3
  env:
      cache-name: cache-node-modules
  with:
      path: node_modules
      key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
      restore-keys: |
          ${{ runner.os }}-build-${{ env.cache-name }}-
          ${{ runner.os }}-build-
          ${{ runner.os }}-

- name: 安装依赖
  if: ${{ steps.cache-npm.outputs.cache-hit != 'true' }}
  run: |
      npm install

- name: 生成静态文件
  run: |
      hexo clean
      hexo generate

- name: 部署到Github
  uses: JamesIves/github-pages-deploy-action@v4
  with:
      token: ${{ secrets.DEPLOY_TOKEN }}
      repository-name: username/username.github.io
      branch: master
      folder: public
      commit-message: "${{ github.event.head_commit.message }} Updated By Github Actions"

在这一步，我们使用 npm install 来安装需要的 npm 包。

如果你不理解 缓存 Hexo 这一步，可以翻阅缓存依赖项以加快工作流程 - Github 文档。

然后，就是熟悉的 hexo clean 和 hexo generate 了。

可以看到，这里我直接使用了 JamesIves 编写的 github-pages-deploy-action

当你使用这个 Action 时，你需要在仓库的 Settings -> Secrets 中添加一个名为 DEPLOY_TOKEN 的 secret，这个 token 可以在 Github 的 Settings -> Developer settings -> Personal access tokens 中生成。

请注意这楼里的 repository-name 和 branch 需要修改为你自己的仓库名和分支名。

当然，你也可以写一个自己的 Action，这里就不展开了。