fix

Author: luoyan35714

.github/workflows/deploy.yaml

@@ -0,0 +1,75 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+      - master
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    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 -- --configuration production --base-href /
+        env:
+          NODE_OPTIONS: '--max_old_space_size=4096'
+
+      - name: Find build output directory
+        id: find_build_dir
+        run: |
+          if [ -d "dist/4oftools/browser" ]; then
+            echo "BUILD_DIR=dist/4oftools/browser" >> $GITHUB_OUTPUT
+          elif [ -d "dist/4oftools" ]; then
+            echo "BUILD_DIR=dist/4oftools" >> $GITHUB_OUTPUT
+          else
+            echo "Error: Build output directory not found"
+            ls -la dist/ || true
+            exit 1
+          fi
+
+      - name: Create 404.html for SPA routing
+        run: |
+          cp "${{ steps.find_build_dir.outputs.BUILD_DIR }}/index.html" "${{ steps.find_build_dir.outputs.BUILD_DIR }}/404.html"
+          echo "Created 404.html for SPA routing support"
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ${{ steps.find_build_dir.outputs.BUILD_DIR }}
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -62,7 +62,26 @@ src/
 
 编辑 `src/app/services/tool.service.ts` 文件，在 `tools` 数组中添加您的工具和应用数据。
 
-## 许可证
+## 部署到 GitHub Pages
 
-MIT
+### 自动部署
 
+项目已配置 GitHub Actions 自动部署。当您推送代码到 `main` 或 `master` 分支时，会自动构建并部署到 GitHub Pages。
+
+### 手动触发部署
+
+1. 前往 GitHub 仓库的 Actions 页面
+2. 选择 "Deploy to GitHub Pages" workflow
+3. 点击 "Run workflow" 按钮
+
+### 配置 GitHub Pages
+
+1. 前往仓库的 Settings > Pages
+2. 在 Source 部分，选择 "GitHub Actions"
+3. 保存设置
+
+### 注意事项
+
+- 如果您的仓库名是 `username.github.io`，base-href 会自动设置为 `/`
+- 如果您的仓库名是其他名称（如 `4oftools`），需要修改 `.github/workflows/deploy.yaml` 中的 `--base-href` 参数为 `/仓库名/`
+- 项目会自动创建 `404.html` 文件以支持 Angular SPA 路由