返回

开源博客系统Hexo配合Github Action 自动构建,助你高效出击!

前端

Hexo 介绍

Hexo 是一款开源的静态博客系统,使用 Markdown 语言编写文章,并通过命令行工具生成静态的 HTML 页面。Hexo 以其简洁、易用和强大的扩展性而著称,受到了众多博主的喜爱。

GitHub Actions 介绍

GitHub Actions 是一款云原生持续集成和持续交付 (CI/CD) 平台,可以帮助你自动构建、测试和部署代码。GitHub Actions 具有丰富的生态系统,支持多种编程语言和工具,可以满足各种开发需求。

Hexo + GitHub Actions 自动构建

Hexo 配合 GitHub Actions 可以实现自动构建,具体步骤如下:

  1. 安装 Hexo CLI 工具。
  2. 初始化 Hexo 项目。
  3. 创建 GitHub 仓库。
  4. 在 GitHub 仓库中创建 GitHub Actions 工作流。
  5. 在 GitHub Actions 工作流中配置 Hexo 构建任务。

通过以上步骤,就可以实现 Hexo 配合 GitHub Actions 的自动构建。每次当你提交代码到 GitHub 仓库时,GitHub Actions 就会自动触发构建任务,并将构建好的静态 HTML 页面部署到你的博客。

常见问题解答

如何配置 Hexo 构建任务?

在 GitHub Actions 工作流中,你可以使用以下代码配置 Hexo 构建任务:

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: docker://hexojs/hexo:latest
        with:
          args: build

如何部署构建好的静态 HTML 页面?

你可以使用以下代码将构建好的静态 HTML 页面部署到你的博客:

jobs:
  deploy:
    needs: build
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

总结

Hexo 配合 GitHub Actions 可以实现自动构建,可以帮助你快速搭建个人博客,并自动更新博客内容。本文介绍了 Hexo + GitHub Actions 自动构建的具体步骤和常见问题解答,希望能对你有所帮助。