fix: 自动部署

Author: 彩云

.github/workflows/deploy-gh-pages.yml

@@ -0,0 +1,40 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+concurrency:
+  group: gh-pages-deploy
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy to gh-pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist

README.md

@@ -6,21 +6,22 @@
 
 本项目构建产物在 `dist/`，并已内置适配 Pages 的配置（资源使用相对路径、路由使用 HashRouter）。
 
-### 1）本地构建并发布到 gh-pages 分支
+### 1）推送代码后自动构建并发布（推荐）
 
-```bash
-npm run build
-npm run deploy
-```
-
-其中 `npm run deploy` 会把 `dist/` 发布到仓库的 `gh-pages` 分支。
-
-### 2）在 GitHub 仓库里设置 Pages 来源
+已新增 GitHub Actions 工作流：当代码 push 到 `main` 分支后，会自动执行构建并将 `dist/` 发布到 `gh-pages` 分支。
+工作流文件：`.github/workflows/deploy-gh-pages.yml`
 
-进入仓库页面：
+### 2）在 GitHub 仓库里设置 Pages 来源（首次配置）
 
 - Settings → Pages
 - Build and deployment → Source 选择 **Deploy from a branch**
 - Branch 选择 **`gh-pages`**，目录选择 **`/ (root)`**，保存
 
 稍等片刻即可通过 Pages 地址访问。
+
+### 3）手动发布（可选备用）
+
+```bash
+npm run build
+npm run deploy
+```