Fix build

Author: ayaka14732

.github/workflows/deploy.yml

@@ -29,56 +29,28 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout
-        uses: actions/checkout@v6
-      - name: Detect package manager
-        id: detect-package-manager
-        run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-            exit 0
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
-            echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=ci" >> $GITHUB_OUTPUT
-            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
-            exit 0
-          else
-            echo "Unable to determine package manager"
-            exit 1
-          fi
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: "24"
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-        with:
-          # Automatically inject basePath in your Next.js configuration file and disable
-          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
-          #
-          # You may remove this line if you want to manage the configuration yourself.
-          static_site_generator: next
-      - name: Restore cache
-        uses: actions/cache@v4
-        with:
-          path: |
-            .next/cache
-          # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
-          restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
-      - name: Install dependencies
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
-      - name: Build with Next.js
-        run: ${{ steps.detect-package-manager.outputs.runner }} next build
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./out
+    - uses: actions/checkout@v6
+    - uses: pnpm/action-setup@v4
+      with:
+        version: 10
+    - uses: actions/setup-node@v6
+      with:
+        node-version: '24.x'
+        cache: 'pnpm'
+    - name: Setup Pages
+      uses: actions/configure-pages@v5
+      with:
+        # Automatically inject basePath in your Next.js configuration file and disable
+        # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+        #
+        # You may remove this line if you want to manage the configuration yourself.
+        static_site_generator: next
+    - run: pnpm install --frozen-lockfile
+    - run: pnpm next build
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: ./out
 
   # Deployment job
   deploy:
@@ -88,6 +60,6 @@ jobs:
     runs-on: ubuntu-latest
     needs: build
     steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+    - name: Deploy to GitHub Pages
+      id: deployment
+      uses: actions/deploy-pages@v4

README.md

@@ -1,10 +1,10 @@
-# 音典網頁版 (Yindian Web)
+# 音典網頁版
 
-漢字音典（Yindian）是全面收集漢字讀音的資料庫。它源自 Maigo 製作的 MCPDict，是最早的漢字讀音查詢工具之一。此後，由眾多專家聯手，不斷收集整理大量漢字讀音資料，製作了漢字音典 APP。nk2028 基於漢字音典 APP 發佈了音典網頁版，讓更多使用者能夠方便地查詢漢字在不同時代、不同地區的讀音。
+漢字音典是全面收集漢字讀音的資料庫。它源自 Maigo 製作的 [MCPDict](https://github.com/MaigoAkisame/MCPDict)，是最早的漢字讀音查詢工具之一。此後，由眾多專家聯手，不斷收集整理大量漢字讀音資料，製作了[漢字音典 APP](https://github.com/osfans/MCPDict)。nk2028 基於漢字音典 APP 發佈了音典網頁版，讓更多使用者能夠方便地查詢漢字在不同時代、不同地區的讀音。
 
 ## 功能特點
 
-- **千餘種語言變體**: 收錄約 2400 種語言變體，涵蓋上古音、中古音、近代音及現代各地方言
+- **千餘種語言變體**: 收錄超過 2400 種語言變體，涵蓋上古音、中古音、近代音及現代方言
 - **多音字支持**: 完整顯示漢字的所有讀音，包括注釋說明，幫助區分不同用法
 - **廣韻字段定制**: 支持自定義廣韻數據顯示字段，包括切韻拼音、各家擬音、音系描述、反切等 24 個字段
 - **多語言界面**: 支持繁體中文、簡體中文、英文、日文四種界面語言
@@ -14,10 +14,8 @@
 ## 技術棧
 
 - **前端框架**: React 19 + TypeScript
-- **樣式**: Tailwind CSS 4
-- **UI 組件**: shadcn/ui
-- **路由**: Wouter
-- **構建工具**: Vite
+- **樣式**: Tailwind CSS
+- **構建工具**: Next.js
 
 ## 項目結構
 
@@ -43,52 +41,22 @@ client/
 pnpm install
 
 # 啟動開發服務器
-pnpm dev
+pnpm next dev
 
 # 構建生產版本
-pnpm build
+pnpm next build
 
 # 預覽生產構建
-pnpm preview
+pnpm next start
 ```
 
 ## GitHub Pages 部署
 
 本項目已配置 GitHub Actions 自動部署。推送到 `main` 分支時將自動構建並部署到 GitHub Pages。
 
-### 配置步驟
-
-1. 在 GitHub 倉庫設置中啟用 GitHub Pages
-   - 進入 Settings > Pages
-   - Source 選擇 "GitHub Actions"
-
-2. 如果部署到子路徑（如 `username.github.io/yindian-manus/`），需要設置環境變數：
-   - 在 `.github/workflows/deploy.yml` 中的 Build 步驟添加：
-   ```yaml
-   - name: Build
-     run: pnpm build
-     env:
-       NODE_ENV: production
-       BASE_PATH: /yindian-manus/  # 修改為你的倉庫名稱
-   ```
-
-3. 如果部署到根域名（如 `yindian.example.com`），不需要設置 BASE_PATH，預設為 `/`
-
-### 手動部署
-
-```bash
-# 構建（子路徑部署）
-BASE_PATH=/yindian-manus/ pnpm build
-
-# 構建（根域名部署）
-pnpm build
-
-# 構建輸出在 dist/public/ 目錄
-```
-
 ## GitHub 仓庫
 
-- **前端**: https://github.com/nk2028/yindian-manus
+- **前端**: https://github.com/nk2028/yindian
 - **后端**: https://github.com/nk2028/yindian-server
 
 ## 相關項目
@@ -107,7 +75,7 @@ pnpm build
 
 ## 反饋問題
 
-- 在 https://github.com/nk2028/yindian-manus/issues 開 issue
+- 在 https://github.com/nk2028/yindian/issues 開 issue
 - Telegram 群組: https://t.me/nk2028
 - 發送電郵至: support@nk2028.shn.hk
 - QQ 找綾香
@@ -117,7 +85,3 @@ pnpm build
 - Maigo: MCPDict 原作者
 - 漢字音典 APP 開發團隊
 - nk2028: 音典網頁版開發維護
-
-## 許可證
-
-本項目基於開源協議發布,具體許可證信息請參考 LICENSE 文件。

next.config.ts

@@ -3,6 +3,7 @@ import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   /* config options here */
   reactCompiler: true,
+  basePath: '/yindian',
 };
 
 export default nextConfig;

package.json

@@ -17,8 +17,7 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "wouter": "^3.9.0"
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",

pnpm-lock.yaml

@@ -2,64 +2,64 @@
 @font-face {
   font-family: 'Charis SIL';
   src: local('Charis SIL'), 
-       url('/fonts/CharisSIL/CharisSIL-Regular.woff2') format('woff2'), 
-       url('/fonts/CharisSIL/CharisSIL-Regular.ttf') format('truetype');
+       url('/yindian/fonts/CharisSIL/CharisSIL-Regular.woff2') format('woff2'), 
+       url('/yindian/fonts/CharisSIL/CharisSIL-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Charis SIL';
   src: local('Charis SIL Italic'), 
-       url('/fonts/CharisSIL/CharisSIL-Italic.woff2') format('woff2'), 
-       url('/fonts/CharisSIL/CharisSIL-Italic.ttf') format('truetype');
+       url('/yindian/fonts/CharisSIL/CharisSIL-Italic.woff2') format('woff2'), 
+       url('/yindian/fonts/CharisSIL/CharisSIL-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Charis SIL';
   src: local('Charis SIL Bold'), 
-       url('/fonts/CharisSIL/CharisSIL-Bold.woff2') format('woff2'), 
-       url('/fonts/CharisSIL/CharisSIL-Bold.ttf') format('truetype');
+       url('/yindian/fonts/CharisSIL/CharisSIL-Bold.woff2') format('woff2'), 
+       url('/yindian/fonts/CharisSIL/CharisSIL-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Charis SIL';
   src: local('Charis SIL Bold Italic'), 
-       url('/fonts/CharisSIL/CharisSIL-BoldItalic.woff2') format('woff2'), 
-       url('/fonts/CharisSIL/CharisSIL-BoldItalic.ttf') format('truetype');
+       url('/yindian/fonts/CharisSIL/CharisSIL-BoldItalic.woff2') format('woff2'), 
+       url('/yindian/fonts/CharisSIL/CharisSIL-BoldItalic.ttf') format('truetype');
   font-weight: bold;
   font-style: italic;
 }
 
 /* SBB Web Font Faces */
 @font-face {
   font-family: 'SBB';
-  src: url('/fonts/SBBWeb_v1_9/SBBWeb-Thin.woff2') format('woff2');
+  src: url('/yindian/fonts/SBBWeb_v1_9/SBBWeb-Thin.woff2') format('woff2');
   font-weight: 100;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'SBB';
-  src: url('/fonts/SBBWeb_v1_9/SBBWeb-Light.woff2') format('woff2');
+  src: url('/yindian/fonts/SBBWeb_v1_9/SBBWeb-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'SBB';
-  src: url('/fonts/SBBWeb_v1_9/SBBWeb-Roman.woff2') format('woff2');
+  src: url('/yindian/fonts/SBBWeb_v1_9/SBBWeb-Roman.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'SBB';
-  src: url('/fonts/SBBWeb_v1_9/SBBWeb-Bold.woff2') format('woff2');
+  src: url('/yindian/fonts/SBBWeb_v1_9/SBBWeb-Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
 }