优化页面、修复BUG

.mimocode/plans/1783312583124-clever-cabin.md

@@ -0,0 +1,38 @@
+# Plan: Build 自动打包 dist.zip 并覆盖历史文件
+
+## 现状
+- 项目: Vue 3 + Vite 6, pnpm 管理依赖
+- 当前 build 脚本: `"build": "vue-tsc && vite build"`
+- 构建输出: `dist/` 目录
+- 已有手动创建的 `dist.zip` 在项目根目录
+
+## 方案
+
+使用 `bestzip` 这个轻量 CLI 工具，在 build 命令后自动将 `dist/` 打包为 `dist.zip`，并覆盖旧文件。
+
+### 步骤
+
+#### 1. 安装 bestzip 作为 devDependency
+```bash
+pnpm add -D bestzip
+```
+
+#### 2. 修改 `package.json` 的 scripts.build
+```diff
+- "build": "vue-tsc && vite build"
++ "build": "vue-tsc && vite build && bestzip dist.zip dist/*"
+```
+
+`bestzip` 的行为：
+- 如果 `dist.zip` 已存在，会**自动覆盖**
+- 将 `dist/` 下所有文件（含子目录）打包进 `dist.zip`
+- 跨平台支持（Windows / macOS / Linux）
+
+#### 涉及文件
+- `D:\myCode\Ai\Trae\博客\client\package.json` — 修改 build 脚本 + 新增依赖
+
+### 验证方式
+```bash
+pnpm build
+```
+构建完成后检查 `dist.zip` 是否生成且内容正确（包含 `index.html`、`assets/` 等）。