返回

在Github Action中自动完成Hugo博客部署到Gitee并刷新Gitee Pages

前端

前言

近年来，博客已成为人们分享想法、经验和知识的重要平台，其中，Hugo是一款广受欢迎的静态博客生成器，因其简单易用、快速生成页面和支持多种主题而备受青睐。而Gitee Pages是Gitee提供的静态网站托管服务，您可以轻松地将您的静态网站（例如Hugo生成的网站）部署到Gitee Pages上，并通过自定义域名访问您的网站。

GitHub Actions是一项强大的持续集成和持续交付（CI/CD）服务，允许您在GitHub上自动构建、测试和部署代码。您可以使用GitHub Actions来设置自动化部署流程，将您的Hugo博客部署到Gitee并刷新Gitee Pages，以便每次您更新博客时，您的网站都会自动更新。

先决条件

在开始之前，您需要确保已经满足以下先决条件：

  1. 您需要有一个GitHub账户和一个Gitee账户。
  2. 您需要有一个Hugo博客项目，并且已经将其推送到GitHub仓库中。
  3. 您需要在Gitee上创建一个新的仓库，并将您的Hugo博客项目克隆到该仓库中。
  4. 您需要在Gitee Pages中启用静态网站托管功能。

设置GitHub Actions工作流

要设置GitHub Actions工作流，请按照以下步骤操作：

  1. 导航到您的GitHub仓库。
  2. 单击“Actions”选项卡。
  3. 单击“设置工作流”按钮。
  4. 选择一个工作流模板。
  5. 配置工作流。

在工作流配置中，您需要指定以下信息：

  • 工作流名称：您可以输入一个任意名称，例如“Deploy Hugo Blog to Gitee”。
  • 触发器：您可以选择触发工作流的事件，例如“push”或“pull request”。
  • 作业：您可以添加一个或多个作业，每个作业代表一组任务。
  • 步骤：您可以为每个作业添加一个或多个步骤，每个步骤代表一个任务。

对于Hugo博客部署到Gitee的自动化部署流程，您需要添加以下步骤：

  1. 安装依赖项：您可以使用以下步骤安装Hugo和必要的依赖项：
- name: Install dependencies
  run: |
    hugo mod get
  1. 生成静态网站：您可以使用以下步骤生成Hugo静态网站：
- name: Generate static site
  run: |
    hugo
  1. 部署到Gitee Pages：您可以使用以下步骤将生成的静态网站部署到Gitee Pages：
- name: Deploy to Gitee Pages
  uses: peaceiris/actions-gh-pages@v3
  with:
    github_token: ${{ secrets.GITHUB_TOKEN }}
    publish_dir: ./public
  1. 刷新Gitee Pages：您可以使用以下步骤刷新Gitee Pages：
- name: Refresh Gitee Pages
  run: |
    curl -X POST https://gitee.com/api/v5/repos/$GITEEREPO/pages/refresh -H "Authorization: token $GITEETOKEN"

在上述步骤中，您需要将$GITEEREPO和$GITEETOKEN替换为您的Gitee仓库名称和Gitee个人访问令牌。您可以在Gitee的个人设置中找到您的个人访问令牌。

结语

通过遵循本指南中的步骤，您将能够在GitHub Actions中设置自动化部署流程，将您的Hugo博客部署到Gitee并刷新Gitee Pages。这将确保您的博客始终保持最新状态，并减少您手动部署网站的需要。希望本指南对您有所帮助！