返回

摆脱Gitee的束缚:利用GitHub Actions拥抱自动化Pages部署!

前端

自动化 Gitee Pages 部署:突破限制,提升效率

Gitee Pages 的局限性

Gitee Pages 是一款免费的静态网站托管服务,可让开发者展示个人项目或技术博客。然而,免费版 Gitee Pages 存在一些限制,例如:

  • 无法使用自定义域名: 你的网站将使用 Gitee 子域显示,这可能会影响你的专业形象。
  • 部署频率受限: 你不能频繁部署更新,这对于快速迭代的博客来说是个限制。
  • 缺乏 CI/CD 支持: 你必须手动部署更新,这既耗时又容易出错。

GitHub Actions 的强大功能

GitHub Actions 是一款功能强大的 CI/CD 平台,可让你在代码提交后自动执行一系列任务,例如构建、测试和部署。通过将 GitHub Actions 与 Gitee 集成,我们可以轻松实现 Gitee Pages 的自动化部署。

实战指南:自动化 Gitee Pages 部署

要设置自动部署,你需要:

  1. 创建一个 GitHub Actions 工作流文件: 在你的 Gitee 仓库中创建一个名为 .github/workflows/deploy-pages.yml 的文件。
  2. 添加以下代码:
name: Deploy Gitee Pages

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: crazy-max/ghaction-github-pages@v2
        with:
          token: ${{ secrets.GH_TOKEN }}
          build_dir: docs
          publish_dir: docs
          force_orphan: true
  1. 将你的静态网站文件添加到 docs 文件夹: 确保 docs 文件夹是工作流文件中指定的 build_dir
  2. 生成 GitHub 个人访问令牌: 转到 GitHub,在个人设置中单击“开发者设置”,然后单击“个人访问令牌”。
  3. 添加令牌: 将令牌的值存储在名为 GH_TOKEN 的 GitHub 密钥中。

优势一览:自动化部署的益处

自动化 Gitee Pages 部署具有以下优势:

  • 无限制部署: 你可以随时随地更新你的博客,而无需担心部署频率限制。
  • 自定义域名支持: 你可以使用自定义域名展示你的博客,提升专业形象。
  • CI/CD 集成: 将自动化部署融入你的开发流程,实现 DevSecOps 最佳实践。
  • 开源与免费: GitHub Actions 是开源且免费的,让你无负担享受自动化部署带来的便利。

常见问题解答

  1. 我的 Gitee 仓库在哪? 你的 Gitee 仓库位于 https://gitee.com/username/repository-name
  2. GitHub Actions 工作流文件在哪里? 它位于 .github/workflows/ 目录中。
  3. 如何生成 GitHub 个人访问令牌? 转到 GitHub,在个人设置中单击“开发者设置”,然后单击“个人访问令牌”。
  4. 什么是 build_dirpublish_dir build_dir 是包含你静态网站文件的文件夹,publish_dir 是部署到 Gitee Pages 的文件夹。
  5. 如何自定义我的域名? 在 Gitee 仓库中,单击“设置”,然后单击“自定义域名”。

结论

通过将 GitHub Actions 与 Gitee 集成,我们成功突破了 Gitee Pages 的限制,实现了一键部署,大大提升了开发效率。告别手动操作,拥抱自动化,让你的技术博客创作之旅更加高效、便捷。