docs: 更新各阶段文档内容，优化结构和链接

2026-03-02 02:20:17 +08:00
parent a46332adda
commit c6c0c3950d
9 changed files with 136 additions and 128 deletions
@@ -49,30 +49,30 @@

 | 章节                                                                                                                | 关键内容                                                                     | 状态 |
 | :------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------------- | :--- |
-| 前端零：使用 lovart 生产素材                                                                                        | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧   |
-| 前端一：Figma 与 MasterGo 入门                                                                                      | 用设计工具梳理信息架构和页面结构，为前端实现打基础                           | 🚧   |
-| 前端二：构建第一个现代应用程序-UI 设计                                                                              | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路                       | 🚧   |
-| 前端三：参考 UI 设计规范与多产品 UI 设计                                                                            | 围绕统一主视觉扩展多产品界面，练习系统化设计能力                             | 🚧   |
-| [前端四：一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发                         | 🚧   |
+| 使用 lovart 生产素材                                                                                        | 学会用 lovart 批量生成人物、场景等视觉素材，为 UI 设计和前端开发提供素材基础 | 🚧   |
+| Figma 与 MasterGo 入门                                                                                      | 用设计工具梳理信息架构和页面结构，为前端实现打基础                           | 🚧   |
+| 构建第一个现代应用程序-UI 设计                                                                              | 基于设计稿完成组件化界面，实现从设计到代码的第一条链路                       | 🚧   |
+| 参考 UI 设计规范与多产品 UI 设计                                                                            | 围绕统一主视觉扩展多产品界面，练习系统化设计能力                             | 🚧   |
+| [一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用，串联设计与开发                         | 🚧   |

 #### 后端开发部分

 | 章节                                                                                                                    | 关键内容                                                      | 状态 |
 | :---------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
-| 后端一：什么是 API                                                                                                      | 理解 HTTP 接口与请求响应模型，为后端集成与联调做准备          | 🚧   |
-| [后端二：从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面        | 🚧   |
-| 后端三：大模型辅助编写接口代码与接口文档                                                                                | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端    | 🚧   |
-| 后端四：Git 工作流与 Zeabur 部署                                                                                        | 在 Git 工作流中管理代码，并将应用部署到 Zeabur 上线           | 🚧   |
-| 后端五：现代 CLI 开发工具                                                                                               | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流   | 🚧   |
-| 后端六：如何集成 stripe 等收费系统                                                                                      | 接入支付系统，完成收费链路与基础结算流程                      | 🚧   |
-| 大作业 1：构建第一个现代应用程序-全栈应用                                                                               | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用           | 🚧   |
-| 大作业 2：现代前端组件库 + Trae 实战                                                                                    | 使用现代前端组件库与 Trae，独立完成可登录注册并支持收费的产品 | 🚧   |
+| 什么是 API                                                                                                      | 理解 HTTP 接口与请求响应模型，为后端集成与联调做准备          | 🚧   |
+| [从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API，打通数据模型与前端页面        | 🚧   |
+| 大模型辅助编写接口代码与接口文档                                                                                | 用大模型协助生成接口与数据库文档及代码，实现可读可测的后端    | 🚧   |
+| Git 工作流与 Zeabur 部署                                                                                        | 在 Git 工作流中管理代码，并将应用部署到 Zeabur 上线           | 🚧   |
+| 现代 CLI 开发工具                                                                                               | 使用 CLI 类 AI 编程工具加速开发与调试，形成个人工程化工作流   | 🚧   |
+| 如何集成 stripe 等收费系统                                                                                      | 接入支付系统，完成收费链路与基础结算流程                      | 🚧   |
+| 构建第一个现代应用程序-全栈应用                                                                               | 综合前端、后端与支付模块，完成可上线的全栈 Web 应用           | 🚧   |
+| 现代前端组件库 + Trae 实战                                                                                    | 使用现代前端组件库与 Trae，独立完成可登录注册并支持收费的产品 | 🚧   |

 #### AI 能力附录

 | 章节                                                                                                                                                                  | 关键内容                                                       | 状态 |
 | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
-| [AI 一：Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | 🚧   |
-| AI 二：学会查询 AI 词典与集成多模态 API                                                                                                                               | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品   | 🚧   |
+| [Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品，为后续应用升级打样 | 🚧   |
+| 学会查询 AI 词典与集成多模态 API                                                                                                                               | 学会查找合适的模型与 API，并把文本、图像等多模态能力接入产品   | 🚧   |

 ### 三、高级开发工程师
@@ -13,12 +13,12 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-0/0.1-learning-map/"
-    title="1. 学习地图"
+    title="学习地图"
    description="了解整个学习路径，明确每个阶段的目标和收获。"
  />
  <NavCard
    href="/zh-cn/stage-0/0.2-ai-capabilities-through-games/"
-    title="2. AI 时代，会说话就会编程"
+    title="AI 时代，会说话就会编程"
    description="通过贪吃蛇等小游戏，体验 AI 编程的魅力，打破对编程的恐惧。"
  />
 </NavGrid>
@@ -30,27 +30,27 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
-    title="1. 学会 AI 编程工具"
+    title="学会 AI 编程工具"
    description="了解当前主流的 AI 编程工具，选择最适合你的开发搭档。"
  />
  <NavCard
    href="/zh-cn/stage-1/1.0-finding-great-idea/"
-    title="2. 找到好点子"
+    title="找到好点子"
    description="学会寻找和验证产品想法，找到值得做的项目。"
  />
  <NavCard
    href="/zh-cn/stage-1/1.2-building-prototype/"
-    title="3. 搭建产品原型"
+    title="搭建产品原型"
    description="学习如何快速将产品想法转化为可视化的原型，进行低成本试错。"
  />
  <NavCard
    href="/zh-cn/stage-1/1.3-integrating-ai-capabilities/"
-    title="4. 接入 AI 能力"
+    title="接入 AI 能力"
    description="通过集成简单的 AI API，让你的原型具备智能交互能力。"
  />
  <NavCard
    href="/zh-cn/stage-1/1.4-complete-project-practice/"
-    title="5. 完整项目实战"
+    title="完整项目实战"
    description="综合运用所学知识，从 0 到 1 完成一个完整的产品原型开发。"
  />
 </NavGrid>
@@ -1,3 +1,3 @@
-# 后端三：大模型辅助编写接口代码与接口文档
+# 大模型辅助编写接口代码与接口文档

 > 本章节正在编写中，敬请期待...
@@ -11,42 +11,42 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-2/frontend/2.0-lovart-assets/"
-    title="前端零：使用 Lovart 生产素材"
+    title="使用 Lovart 生产素材"
    description="学习如何使用 Lovart 等 AI 工具快速生成高质量的游戏素材与 UI 资源"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.1-figma-mastergo/"
-    title="前端一：Figma 与 MasterGo 入门"
+    title="Figma 与 MasterGo 入门"
    description="掌握专业 UI 设计工具的基础操作，从设计稿到代码的协作流程"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.2-ui-design/"
-    title="前端二：构建第一个现代应用程序 - UI 设计"
+    title="构建第一个现代应用程序 - UI 设计"
    description="学习现代应用程序的 UI 设计基础"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.3-multi-product-ui/"
-    title="前端三：参考 UI 设计规范与多产品 UI 设计"
+    title="参考 UI 设计规范与多产品 UI 设计"
    description="学习主流 UI 设计规范，提升产品设计的一致性与美感"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.4-llm-skills-beautiful/"
-    title="前端四：用 LLM 和 Skills 让界面变好看"
+    title="用 LLM 和 Skills 让界面变好看"
    description="使用提示词与插件实战，让 AI 生成美观独特的界面"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/"
-    title="前端五：一起做霍格沃茨画像"
+    title="一起做霍格沃茨画像"
    description="实战项目：结合 AI 生成的图像，构建一个交互式的霍格沃茨画像应用"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.6-design-to-code/"
-    title="前端六：从设计原型到项目代码"
+    title="从设计原型到项目代码"
    description="学习如何将设计工具中的原型转化为真正能在浏览器里运行的前端代码"
  />
  <NavCard
    href="/zh-cn/stage-2/frontend/2.7-modern-component-library/"
-    title="前端七：使用现代组件库更新你的界面"
+    title="使用现代组件库更新你的界面"
    description="学习使用组件库快速构建专业级界面"
  />
 </NavGrid>
@@ -58,32 +58,32 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-2/backend/2.4-git-workflow/"
-    title="后端一：学会使用 Git 与 Github"
+    title="学会使用 Git 与 Github"
    description="掌握 Git 版本控制系统的核心操作与协作流程"
  />
  <NavCard
    href="/zh-cn/stage-2/backend/2.2-database-supabase/"
-    title="后端二：从数据库到 Supabase"
+    title="从数据库到 Supabase"
    description="掌握关系型数据库基础，并学习使用 Supabase 这一现代 BaaS 平台"
  />
  <NavCard
    href="/zh-cn/stage-2/backend/2.3-ai-interface-code/"
-    title="后端三：应用后端接口设计与开发"
+    title="应用后端接口设计与开发"
    description="利用 AI 辅助生成后端接口代码及标准的接口文档，提升开发效率"
  />
  <NavCard
    href="/zh-cn/stage-2/backend/2.5-zeabur-deployment/"
-    title="后端四：发布你的产品原型"
+    title="发布你的产品原型"
    description="学习使用 Zeabur 快速部署你的全栈应用到云端"
  />
  <NavCard
    href="/zh-cn/stage-2/backend/2.6-modern-cli/"
-    title="后端五：从 IDE 到 CLI AI 编程工具"
+    title="从 IDE 到 CLI AI 编程工具"
    description="探索现代 CLI 工具，提升命令行环境下的开发体验"
  />
  <NavCard
    href="/zh-cn/stage-2/backend/2.7-stripe-payment/"
-    title="后端六：如何集成 Stripe 等收费系统"
+    title="如何集成 Stripe 等收费系统"
    description="实战：为你的应用集成 Stripe 支付功能，实现商业化变现"
  />
 </NavGrid>
@@ -95,12 +95,12 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-2/assignments/2.1-fullstack-app/"
-    title="大作业 1：构建第一个现代应用程序 - 全栈应用"
+    title="构建第一个现代应用程序 - 全栈应用"
    description="综合运用所学知识，独立完成一个功能完整的全栈应用开发"
  />
  <NavCard
    href="/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/"
-    title="大作业 2：现代前端组件库 + Trae 实战"
+    title="现代前端组件库 + Trae 实战"
    description="使用现代组件库与 Trae IDE，高效构建复杂的前端界面"
  />
 </NavGrid>
@@ -110,12 +110,12 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/"
-    title="AI 一：Dify 入门与知识库集成"
+    title="Dify 入门与知识库集成"
    description="学习使用 Dify 构建 AI 应用，并集成私有知识库"
  />
  <NavCard
    href="/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/"
-    title="AI 二：学会查询 AI 词典与集成多模态 API"
+    title="学会查询 AI 词典与集成多模态 API"
    description="探索更多 AI 能力，集成视觉、语音等多模态 API"
  />
 </NavGrid>
@@ -1,3 +1,3 @@
-# 高级 AI 二：中高级 RAG 与工作流编排 - 以 LangGraph 为例
+# 中高级 RAG 与工作流编排 - 以 LangGraph 为例

 > 本章节正在编写中，敬请期待...
@@ -386,7 +386,7 @@ Claude Code 会询问是否执行某些敏感命令（如 `rm -rf`、`sudo` 等

 **生成的 CLAUDE.md 示例：**

-```markdown
+```
 # My Project

 ## 技术栈
@@ -397,12 +397,13 @@ Claude Code 会询问是否执行某些敏感命令（如 `rm -rf`、`sudo` 等
 - 数据库：Prisma + PostgreSQL

 ## 常用命令
-```bash
+
+\`\`\`bash
 npm run dev      # 启动开发服务器
 npm run build    # 生产构建
 npm run test     # 运行测试
 npx prisma migrate dev  # 数据库迁移
-```
+\`\`\`

 ## 代码规范
 - 使用函数组件 + Hooks
@@ -617,7 +618,7 @@ Claude Code 采用分层配置策略，不同级别的配置有不同的作用

 **最小可用模板：**

-```markdown
+```
 # [项目名称]

 ## 技术栈
@@ -627,12 +628,13 @@ Claude Code 采用分层配置策略，不同级别的配置有不同的作用
 - 构建工具：Vite

 ## 常用命令
-```bash
+
+\`\`\`bash
 npm run dev      # 启动开发服务器（端口 5173）
 npm run test     # 运行单元测试
 npm run build    # 生产构建
 npm run lint     # 代码检查
-```
+\`\`\`

 ## 代码规范
 - 组件使用函数组件 + Hooks
@@ -643,7 +645,7 @@ npm run lint     # 代码检查

 **完整模板（推荐）：**

-```markdown
+```
 # [项目名称]

 ## 项目概述
@@ -663,7 +665,8 @@ npm run lint     # 代码检查
 - 认证：JWT + bcrypt

 ## 项目结构
-```
+
+\`\`\`
 src/
 ├── components/      # 可复用组件
 ├── pages/           # 页面组件
@@ -671,10 +674,11 @@ src/
 ├── lib/             # 工具函数
 ├── types/           # TypeScript 类型
 └── api/             # API 调用
-```
+\`\`\`

 ## 常用命令
-```bash
+
+\`\`\`bash
 # 开发
 npm run dev              # 启动开发服务器
 npm run dev:mock         # 使用 Mock 数据开发
@@ -693,7 +697,7 @@ npm run typecheck        # TypeScript 类型检查
 # 构建
 npm run build            # 生产构建
 npm run preview          # 预览生产构建
-```
+\`\`\`

 ## 开发规范
 ### 代码风格
@@ -712,17 +716,21 @@ npm run preview          # 预览生产构建
 - API 响应时间控制在 200ms 以内

 ## 环境变量
-```bash
+
+\`\`\`bash
 # .env.local
 VITE_API_BASE_URL=http://localhost:3000
 VITE_APP_NAME=MyApp
-```
+\`\`\`

 ## 常见问题
+
 ### 开发服务器启动失败？
+
 检查端口 5173 是否被占用，或尝试 `npm run dev -- --port 3000`

 ### 类型错误？
+
 运行 `npm run typecheck` 查看详细错误信息
 ```

@@ -1,3 +1,3 @@
-# 高级四：多平台开发 - 如何构建微信小程序（包含后端）
+# 多平台开发 - 如何构建微信小程序（包含后端）

 > 本章节正在编写中，敬请期待...
@@ -1,6 +1,6 @@
-# 高级开发
+# 进阶开发

-欢迎来到 **高级开发** 阶段！在这里，你将构建复杂跨平台应用，掌握微信小程序实战，挑战更高阶的 AI 原生应用开发。
+欢迎来到 **进阶开发** 阶段！在这里，你将构建复杂跨平台应用，掌握微信小程序实战，探索更深入的 AI 原生应用开发。

 ## 你将学到什么

@@ -11,37 +11,37 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-3/core-skills/basics/"
-    title="高级零：Claude Code 快速上手核心指南"
+    title="Claude Code 快速上手核心指南"
    description="快速掌握 Claude Code 的核心用法，包括安装配置、基础操作和实用技巧"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/mcp/"
-    title="高级一：MCP 与 Claude Code 完全指南"
+    title="MCP 与 Claude Code 完全指南"
    description="掌握 Model Context Protocol (MCP)，扩展 AI 编程工具的能力边界"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/skills/"
-    title="高级一（续）：Claude Code Skills 完全指南"
+    title="Claude Code Skills 完全指南"
    description="将专业知识、工作流程和最佳实践打包成可复用技能包"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/long-running-tasks/"
-    title="高级二：如何让 Coding Tools 长时间工作"
+    title="如何让 Coding Tools 长时间工作"
    description="学习如何让 AI 编码工具处理长时间运行的复杂任务"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/agent-teams/"
-    title="高级二（续）：Claude Agent Teams 完全指南"
+    title="Claude Agent Teams 完全指南"
    description="让多个 AI 实例像真正的开发团队一样协同工作"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/superpowers/"
-    title="高级二（续）：Claude Code Superpowers 工程级开发"
+    title="Claude Code Superpowers 工程级开发"
    description="使用 Superpowers 框架让 AI 写出工程级代码"
  />
  <NavCard
    href="/zh-cn/stage-3/core-skills/workflow/"
-    title="高级二（续）：Claude Code 工作流最佳实践"
+    title="Claude Code 工作流最佳实践"
    description="掌握 Claude Code 在不同场景下的最佳实践"
  />
 </NavGrid>
@@ -53,52 +53,52 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/"
-    title="高级三：如何构建微信小程序"
+    title="如何构建微信小程序"
    description="从零开始开发微信小程序，掌握小程序开发的核心流程"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/"
-    title="高级四：如何构建微信小程序（包含后端）"
+    title="如何构建微信小程序（包含后端）"
    description="构建带有后端支持的完整微信小程序应用"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.5-android-app/"
-    title="高级五：如何构建安卓程序"
+    title="如何构建安卓程序"
    description="使用现代跨平台框架构建 Android 原生应用"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.6-ios-app/"
-    title="高级六：如何构建 iOS 程序"
+    title="如何构建 iOS 程序"
    description="开发并发布 iOS 应用，掌握 iOS 生态的开发规范"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/"
-    title="高级八：如何开发 PWA 本地应用"
+    title="如何开发 PWA 本地应用"
    description="让网页变成真正的 App，支持离线使用和桌面安装"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/"
-    title="高级九：如何开发浏览器 AI 助手插件"
+    title="如何开发浏览器 AI 助手插件"
    description="一键总结任意网页，打造你的浏览器 AI 助手"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/"
-    title="高级十：如何开发跨平台 Electron 桌面程序"
+    title="如何开发跨平台 Electron 桌面程序"
    description="构建语音转文字的桌面应用，支持 Windows、macOS、Linux"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.11-nft-minting/"
-    title="高级十一：如何快速开发并铸造 NFT"
+    title="如何快速开发并铸造 NFT"
    description="10 分钟上手版，从零开始编写 NFT 智能合约并铸造"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.12-vscode-extension/"
-    title="高级十二：如何开发 VS Code 插件"
+    title="如何开发 VS Code 插件"
    description="打造你的 AI 项目助手，支持多文件问答和自定义快捷键"
  />
  <NavCard
    href="/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/"
-    title="高级十三：如何开发工业级 Qt 桌面应用"
+    title="如何开发工业级 Qt 桌面应用"
    description="构建水泵监控 HMI 系统，掌握工业级桌面应用开发"
  />
 </NavGrid>
@@ -110,7 +110,7 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/"
-    title="高级七：如何构建属于自己的个人网页与学术博客"
+    title="如何构建属于自己的个人网页与学术博客"
    description="使用现代化技术栈搭建高性能、高颜值的个人博客"
  />
 </NavGrid>
@@ -122,12 +122,12 @@
 <NavGrid>
  <NavCard
    href="/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/"
-    title="高级 AI 一：什么是 RAG 以及它如何工作"
+    title="什么是 RAG 以及它如何工作"
    description="深入理解检索增强生成 (RAG) 的原理及其在 AI 应用中的价值"
  />
  <NavCard
    href="/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/"
-    title="高级 AI 二：中高级 RAG 与工作流编排 - 以 LangGraph 为例"
+    title="中高级 RAG 与工作流编排 - 以 LangGraph 为例"
    description="学习使用 LangGraph 编排复杂的 AI 工作流，构建高级 RAG 系统"
  />
 </NavGrid>