Github Action 自动部署&更新静态网页服务

本文首发于 Anyeの小站，点击跳转 获得更优质的阅读体验

前言

贴一段胡话

在用过 应用：静态网页服务 之后，事实证明：

总而言之，自动化是一个很令人着迷的东西，摆脱重复繁琐的工作，解放了双手的同时更是善待了自己。

简介

本文将会以 Github Action 结合 Ryan 大佬 的 Halo 插件 应用：静态网页服务 来实现自动将 Github 上的开源项目 CorentinTh/it-tools 自动更新同步部署。

原理

1. Fork 原项目，有微修需求的在 Fork 后的项目中做出修改
2. 为 Fork 的项目添加 Upstream Sync · Actions · GitHub 这一 Action，该 Action 可以实现同步自己的分支和上游分支，并输出一个是否有新提交的变量 has_new_commits 供我们使用，使用 corn 计划任务实现定时查询更新。
3. 为项目添加 Actions，在 has_new_commits 或者 commits 或者手动触发的时候执行构建推送（按需添加）。

快速使用（以 it-tools 项目为例）

Fork 我已经修改好的项目 Anyexyz/it-tools ，然后按照 此处 操作。

实现（以 it-tools 项目为例）

Fork 项目

点击 CorentinTh/it-tools 直达。

对项目源码进行修改

在这里我对项目做出修改：

• （必要） 修改项目的 web 访问路径为 /tools ：

将 vite.config.ts:19 的 process.env.BASE_URL ?? '/'; 改为 process.env.BASE_URL ?? '/tools';

• 修改项目的默认访问语言为中文：

将 src/plugins/i18n.plugin.ts:8 的 en 改为 zh 。

• 其他个性化修改

添加工作流

Deploy to Halo

用于构建并部署到 Halo 静态网页服务。

name: Deploy to Halo

on:
  push:
    branches: [main]
  repository_dispatch:
    types: [deploy]
  workflow_dispatch:

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - uses: pnpm/action-setup@v3
        with:
          version: 8
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'pnpm'
      - name: Install dependencies
        run: pnpm install
      - name: Build
        run: pnpm build
      - name: Deploy to Halo
        run: |
          npx halo-static-pages-deploy-cli deploy -e ${{ secrets.ENDPOINT }} -i ${{ secrets.ID }} -t ${{ secrets.PAT }} -f dist
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

我在这里添加了三个触发条件：

• 响应 push 事件到 main 分支。
• 响应 repository_dispatch 事件，类型为 deploy。
• 手动触发。

Upstream Sync

用于同步上游 commits 并检查是否有更新。

name: Upstream Sync

permissions:
  contents: write
  issues: write
  actions: write

on:
  schedule:
    - cron: '0 * * * *' # 每小时执行一次
  workflow_dispatch:    # 手动触发

jobs:
  sync_latest_from_upstream:
    name: Sync latest commits from upstream repo
    runs-on: ubuntu-latest
    if: ${{ github.event.repository.fork }}

    steps:
      - uses: actions/checkout@v4

      - name: Clean issue notice
        uses: actions-cool/issues-helper@v3
        with:
          actions: 'close-issues'
          labels: '
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/秋刀鱼在做梦/article/detail/837938