feat(ci): 添加 Docker 镜像构建与发布

新增 CI 与容器部署支持：添加 GitHub Actions 工作流 (.github/workflows/taoyuan.yml)、本地/CI 用 Dockerfile 与 Dockerfile.ci、nginx.conf 与 .dockerignore.ci；更新 README 增加 Docker 部署说明并把 package.json 版本提升到 2.2.0。其它改动包括：

- 前端资源与静态托管：复制构建产物到 nginx，并优化缓存策略（nginx.conf）。
- Android/打包调整：android/app/build.gradle 增加产物重命名（taoyuan-<version>.apk）。
- Electron 微调：剥离 WWW-Authenticate 响应头，避免原生认证弹窗。
- UI/前端改进：新增 Divider 组件并在多处使用，更新若干 Vue 组件与样式（包括移动端安全区 safe-area 支持）、新增支付图标资源（alipay/wechat）、更新 logo。部分音效注释与文本微调（“金币”改为“铜钱”）。

总体目的：为项目提供可构建的 Docker 镜像与 CI 发布流程，优化静态托管与多平台运行体验，并做若干前端与打包体验优化。

Author: setube

.dockerignore.ci

@@ -0,0 +1,7 @@
+# CI 构建专用 dockerignore
+# 只保留 docs/ 和 nginx.conf，排除其他所有文件
+
+*
+
+!docs/
+!nginx.conf

.github/workflows/taoyuan.yml

@@ -0,0 +1,139 @@
+name: 构建并发布 Docker 镜像
+
+on:
+  push:
+    branches: [main]
+    tags: ['v*.*.*']
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  packages: write
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 检出代码
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: 设置 Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: '20'
+
+      - name: 设置 pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: 缓存 pnpm 依赖
+        uses: actions/cache@v5
+        with:
+          path: |
+            ~/.pnpm-store
+            node_modules
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-
+
+      - name: 安装依赖
+        run: pnpm install --frozen-lockfile
+
+      - name: 构建项目
+        run: pnpm run build
+
+      - name: 验证构建产物
+        run: |
+          if [ ! -d "docs" ]; then
+            echo "构建失败：docs 目录不存在"
+            exit 1
+          fi
+          if [ ! -f "docs/index.html" ]; then
+            echo "构建失败：docs/index.html 不存在"
+            exit 1
+          fi
+
+          BUILD_TIME=$(stat -c %Y docs/index.html 2>/dev/null || stat -f %m docs/index.html 2>/dev/null || echo "0")
+          CURRENT_TIME=$(date +%s)
+          TIME_DIFF=$((CURRENT_TIME - BUILD_TIME))
+
+          echo "构建产物信息:"
+          echo "  时间差: ${TIME_DIFF}秒"
+
+          if [ $TIME_DIFF -gt 300 ]; then
+            echo "警告: 构建产物可能不是最新的（超过5分钟）"
+          fi
+
+          echo "构建产物验证通过"
+          ls -la docs/
+
+      - name: 获取当前日期
+        id: date
+        run: echo "date=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> $GITHUB_OUTPUT
+
+      - name: 获取版本号
+        id: version
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+          echo "当前版本: $VERSION"
+
+      - name: 准备 CI 构建环境
+        run: |
+          cp .dockerignore.ci .dockerignore
+          echo "已切换到 CI 构建模式"
+
+      - name: 设置 QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: 设置 Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      # 登录 GHCR（始终执行）
+      - name: 登录 GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      # 登录 Docker Hub（仅在配置了用户名时执行）
+      - name: 登录 Docker Hub
+        if: vars.DOCKERHUB_USERNAME != ''
+        uses: docker/login-action@v3
+        with:
+          username: ${{ vars.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: 构建并推送多架构镜像
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./Dockerfile.ci
+          platforms: linux/amd64,linux/arm64
+          push: true
+          no-cache: false
+          pull: true
+          tags: |
+            ghcr.io/${{ github.repository_owner }}/taoyuan:latest
+            ghcr.io/${{ github.repository_owner }}/taoyuan:${{ steps.version.outputs.version }}
+            ghcr.io/${{ github.repository_owner }}/taoyuan:${{ github.sha }}
+            ${{ vars.DOCKERHUB_USERNAME && format('{0}/taoyuan:latest', vars.DOCKERHUB_USERNAME) || '' }}
+            ${{ vars.DOCKERHUB_USERNAME && format('{0}/taoyuan:{1}', vars.DOCKERHUB_USERNAME, steps.version.outputs.version) || '' }}
+            ${{ vars.DOCKERHUB_USERNAME && format('{0}/taoyuan:{1}', vars.DOCKERHUB_USERNAME, github.sha) || '' }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          build-args: |
+            BUILD_DATE=${{ steps.date.outputs.date }}
+            VERSION=${{ steps.version.outputs.version }}
+            COMMIT_SHA=${{ github.sha }}
+          labels: |
+            org.opencontainers.image.title=桃源乡
+            org.opencontainers.image.description=桃源乡 - 文字农场模拟游戏
+            org.opencontainers.image.version=${{ steps.version.outputs.version }}
+            org.opencontainers.image.source=${{ github.server_url }}/${{ github.repository }}
+            org.opencontainers.image.revision=${{ github.sha }}
+            org.opencontainers.image.created=${{ steps.date.outputs.date }}

Dockerfile

@@ -0,0 +1,40 @@
+# 本地构建用的 Dockerfile
+# 支持完整的源代码构建流程
+
+FROM node:20-alpine AS builder
+
+# 设置工作目录
+WORKDIR /app
+
+# 复制 package 文件
+COPY package.json pnpm-lock.yaml ./
+
+# 安装 pnpm
+RUN npm install -g pnpm
+
+# 安装依赖
+RUN pnpm install --frozen-lockfile
+
+# 复制源代码
+COPY . .
+
+# 构建项目
+RUN pnpm run build
+
+# 生产阶段
+FROM nginx:alpine
+
+# 复制 nginx 配置文件
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# 清理默认的 nginx 静态文件
+RUN rm -rf /usr/share/nginx/html/*
+
+# 复制构建产物到 nginx 静态文件目录
+COPY --from=builder /app/docs /usr/share/nginx/html
+
+# 暴露端口
+EXPOSE 80
+
+# 启动 nginx
+CMD ["nginx", "-g", "daemon off;"]

Dockerfile.ci

@@ -0,0 +1,25 @@
+# CI 专用 Dockerfile
+# 前端已在 CI runner 中构建完成，此处仅复制构建产物到 nginx
+
+FROM nginx:alpine
+
+ARG BUILD_DATE
+ARG VERSION
+ARG COMMIT_SHA
+
+LABEL org.opencontainers.image.created="${BUILD_DATE}"
+LABEL org.opencontainers.image.version="${VERSION}"
+LABEL org.opencontainers.image.revision="${COMMIT_SHA}"
+
+# 复制 nginx 配置
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# 清理默认静态文件
+RUN rm -rf /usr/share/nginx/html/*
+
+# 复制 CI 已构建好的产物
+COPY docs /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -1,14 +1,19 @@
 <div align="center">
-  <img src="images/logo.png" alt="桃源乡" width="128" style="image-rendering: pixelated;" />
-</div>
+  <img src="images/logo.png" alt="桃源乡" width="400" />
+
+  # 桃源乡
 
-# 桃源乡
+  > 传说在群山深处，有一处与世隔绝的村落——桃源乡。
+  > 这里四季分明，民风淳朴，但近年来年轻人纷纷离去，村庄日渐冷清。
+  > 你收到一封来自已故祖父的信，信中附有一把铜钥匙和一张泛黄的地契……
 
-> 传说在群山深处，有一处与世隔绝的村落——桃源乡。
-> 这里四季分明，民风淳朴，但近年来年轻人纷纷离去，村庄日渐冷清。
-> 你收到一封来自已故祖父的信，信中附有一把铜钥匙和一张泛黄的地契……
+  一款文字版田园模拟经营游戏，灵感来自星露谷物语，采用像素 + 中国风视觉设计。纯客户端运行，无需后端服务器。
 
-一款文字版田园模拟经营游戏，灵感来自星露谷物语，采用像素 + 中国风视觉设计。纯客户端运行，无需后端服务器。
+  [![GitHub Release](https://img.shields.io/github/v/release/setube/taoyuan?style=flat&logo=github&label=Release)](https://github.com/setube/taoyuan/releases/latest)
+  [![License: CC BY-NC 4.0](https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by-nc/4.0)
+  [![Tap Tap](https://img.shields.io/badge/TapTap-%E6%A1%83%E6%BA%90%E4%B9%A1-18d6e0)](https://www.taptap.cn/app/816558)
+  [![Featured｜HelloGitHub](https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=e73a691ffcfa4d0e92a05912fe8c0b46&claim_uid=OCYdts5lPczHag4&theme=small)](https://hellogithub.com/repository/e73a691ffcfa4d0e92a05912fe8c0b46)
+</div>
 
 ## 游戏特色
 
@@ -75,6 +80,22 @@ pnpm preview
 pnpm build:electron
 ```
 
+### Docker 部署
+
+```bash
+# 方式一：使用预构建镜像（推荐）
+docker run -d -p 8080:80 ghcr.io/setube/taoyuan:latest
+
+# 方式二：指定版本
+docker run -d -p 8080:80 ghcr.io/setube/taoyuan:<version>
+
+# 方式三：本地构建镜像
+docker build -t taoyuan .
+docker run -d -p 8080:80 taoyuan
+```
+
+访问 `http://localhost:8080` 即可开始游戏。
+
 ## 技术栈
 
 | 技术            | 版本  | 用途                            |
@@ -160,7 +181,7 @@ src/
 
 ## 交流
 
-- QQ 群：920930589
+- QQ 群：[920930589](https://qm.qq.com/q/2BVaTTwDkI)
 - GitHub：[https://github.com/setube/taoyuan](https://github.com/setube/taoyuan)
 
 ## 许可证

android/app/build.gradle

@@ -48,6 +48,11 @@ android {
             signingConfig signingConfigs.release
         }
     }
+    applicationVariants.all { variant ->
+        variant.outputs.all {
+            outputFileName = "taoyuan-${variant.versionName}.apk"
+        }
+    }
 }
 
 repositories {

electron/main.js

@@ -176,6 +176,9 @@ const createWindow = () => {
     headers['access-control-allow-origin'] = ['*']
     headers['access-control-allow-methods'] = ['GET, PUT, DELETE, PROPFIND, HEAD, OPTIONS']
     headers['access-control-allow-headers'] = ['Authorization, Content-Type, Depth']
+    // 剥离 WWW-Authenticate 防止浏览器弹出原生认证对话框（由应用自行处理认证错误）
+    delete headers['www-authenticate']
+    delete headers['WWW-Authenticate']
     callback({ responseHeaders: headers })
   })
 

images/logo.png

@@ -0,0 +1,23 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # gzip 压缩
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript image/svg+xml;
+
+    # 静态资源缓存（带哈希的文件长期缓存）
+    location /assets/ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # SPA 路由回退
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}

nginx.conf

@@ -4,7 +4,7 @@
   "qq": "920930589",
   "tapid": "816558",
   "private": true,
-  "version": "2.1.0",
+  "version": "2.2.0",
   "type": "module",
   "main": "dist-electron/main.js",
   "scripts": {