拥抱Hexo博客的自动化工作流，开启一键部署的快乐之旅

利用 GitHub Actions 自动化 Hexo 博客构建和部署

简介

在博客管理的道路上，自动化工具如得力助手，让内容发布变得轻而易举。对于 Hexo 博客而言，强大的构建系统与 GitHub Actions 的集成，为你打造自动化工作流沃土，一键部署，高效便捷。本文将深入剖析如何构建一个基于 GitHub Actions 的 Hexo 博客 CI 工作流，助你畅享极致便利。

前期准备

迈出第一步前，确保以下准备就绪：

• 初始化 Hexo 博客 Git 仓库。
• 创建并关联 GitHub 账户。
• 安装 GitHub Actions。

构建 CI 工作流

让我们携手打造 CI 工作流：

1. 创建 .github/workflows 目录

在 Hexo 博客仓库中，新增 .github/workflows 目录，用于存储工作流文件。

2. 创建工作流 YAML 文件

在该目录下，创建名为 build-and-deploy.yml 的 YAML 文件，填入以下代码：

name: Hexo CI

on:
  push:
    branches: [ master ]

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v1
        with:
          node-version: '14'
      - name: Install Hexo
        run: npm install hexo-cli -g
      - name: Build Hexo
        run: hexo generate
      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

3. 理解工作流文件

• on: 设定触发工作流的事件，此处为推送到 master 分支。
• jobs: 定义工作流中的作业，build-and-deploy 负责构建和部署。
• steps: 列出作业中的步骤：
  • 签出仓库代码。
  • 设置 Node.js 环境。
  • 全局安装 Hexo CLI。
  • 构建 Hexo 博客。
  • 使用 peaceiris/actions-gh-pages 操作将博客部署到 GitHub Pages。

部署 Hexo 博客

CI 工作流配置完毕，是时候部署你的博客了：

1. 将变更推送到 GitHub 仓库。
2. GitHub Actions 将自动触发 CI 工作流。
3. 工作流将构建你的 Hexo 博客，并部署到 GitHub Pages。
4. 访问你的 GitHub Pages 网站，查看已部署博客。

结论

通过 GitHub Actions 自动化 Hexo 博客构建和部署，你将收获高效、可靠且一致的部署体验。告别繁琐的手动操作，拥抱一键部署的便捷。拥抱自动化，成就你的博客管理新格局。

常见问题解答

1. 部署失败时如何排查问题？

   • 查看 GitHub Actions 工作流日志，获取详细信息。
   • 检查你的 Hexo 配置文件，确保配置正确。
   • 验证你的 GitHub Pages 设置。

2. 如何自定义部署目录？

   • 修改 publish_dir 变量，指定要部署的目录。

3. 可以将博客部署到自定义域名吗？

   • 是的，通过配置 GitHub Pages 自定义域名功能，你可以将博客部署到你的域名上。

4. 工作流执行时间过长，如何优化？

   • 优化你的 Hexo 配置，减少构建时间。
   • 使用缓存机制，避免重复操作。
   • 考虑使用更快的虚拟机或容器来运行工作流。

5. 需要手动执行部署操作吗？

   • 否，只要你将更改推送到仓库，GitHub Actions 将自动触发部署。