refactor(docs): consolidate stage-0 into stage-1 and update routing

- Update homepage links in zh-cn and zh-tw to point to stage-1
- Update internal navigation links within stage-1 index files
- Remove obsolete github-pages-deployment document
- Update sitemap generation script to reflect stage-0 removal
This commit is contained in:
sanbuphy
2026-04-02 13:48:55 +08:00
parent c74849757e
commit 80609bf277
983 changed files with 1902 additions and 2246 deletions
+9 -9
View File
@@ -24,17 +24,17 @@
| 章节 | 关键内容 | 状态 |
| :------------------------------------------------------------------------------------- | :------------------------------------- | :--- |
| [新手入门:学习地图](/zh-cn/stage-0/0.1-learning-map/) | 整体学习路径导览 | ✅ |
| [新手入门:AI 时代,会说话就会编程](/zh-cn/stage-0/0.2-ai-capabilities-through-games/) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
| [新手入门:学习地图](/zh-cn/stage-1/learning-map/) | 整体学习路径导览 | ✅ |
| [新手入门:AI 时代,会说话就会编程](/zh-cn/stage-1/ai-capabilities-through-games/) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ |
### 一、AI 产品经理
| 章节 | 关键内容 | 状态 |
| :---------------------------------------------------------------------------- | :------------------------------------------------------- | :--- |
| [初级二:认识 AI IDE 工具](/zh-cn/stage-1/1.1-introduction-to-ai-ide/) | 学会使用 IDE,掌握界面结构和高效提示方式 | ✅ |
| [初级三:动手做出原型](/zh-cn/stage-1/1.2-building-prototype/) | 从产品分析拆解,到多页面产品原型实现的完整闭环 | ✅ |
| [初级四:给原型加上 AI 能力](/zh-cn/stage-1/1.3-integrating-ai-capabilities/) | 理解并完成常见 AI 能力(文本图片视频)的 API 接入 | ✅ |
| [初级五:完整项目实战](/zh-cn/stage-1/1.4-complete-project-practice/) | 模拟真实场景、接受用户反馈迭代并完成项目展示(含大作业) | ✅ |
| [初级二:认识 AI IDE 工具](/zh-cn/stage-1/introduction-to-ai-ide/) | 学会使用 IDE,掌握界面结构和高效提示方式 | ✅ |
| [初级三:动手做出原型](/zh-cn/stage-1/building-prototype/) | 从产品分析拆解,到多页面产品原型实现的完整闭环 | ✅ |
| [初级四:给原型加上 AI 能力](/zh-cn/stage-1/integrating-ai-capabilities/) | 理解并完成常见 AI 能力(文本图片视频)的 API 接入 | ✅ |
| [初级五:完整项目实战](/zh-cn/stage-1/complete-project-practice/) | 模拟真实场景、接受用户反馈迭代并完成项目展示(含大作业) | ✅ |
#### 附录
@@ -57,14 +57,14 @@
| Figma 与 MasterGo 入门 | 用设计工具梳理信息架构和页面结构,为前端实现打基础 | 🚧 |
| 构建第一个现代应用程序-UI 设计 | 基于设计稿完成组件化界面,实现从设计到代码的第一条链路 | 🚧 |
| 参考 UI 设计规范设计页面和按钮 | 学习用主流设计规范组织页面结构、按钮层级,并借助 AI 生成设计方案 | 🚧 |
| [一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.5-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用,串联设计与开发 | 🚧 |
| [一起做霍格沃茨画像](/zh-cn/stage-2/frontend/hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用,串联设计与开发 | 🚧 |
#### 后端开发部分
| 章节 | 关键内容 | 状态 |
| :---------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
| 什么是 API | 理解 HTTP 接口与请求响应模型,为后端集成与联调做准备 | 🚧 |
| [从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/) | 在 Supabase 上落地数据库和 API,打通数据模型与前端页面 | 🚧 |
| [从数据库到 Supabase](/zh-cn/stage-2/backend/database-supabase/) | 在 Supabase 上落地数据库和 API,打通数据模型与前端页面 | 🚧 |
| 大模型辅助编写接口代码与接口文档 | 用大模型协助生成接口与数据库文档及代码,实现可读可测的后端 | 🚧 |
| Git 工作流与 Zeabur 部署 | 在 Git 工作流中管理代码,并将应用部署到 Zeabur 上线 | 🚧 |
| 现代 CLI 开发工具 | 使用 CLI 类 AI 编程工具加速开发与调试,形成个人工程化工作流 | 🚧 |
@@ -76,7 +76,7 @@
| 章节 | 关键内容 | 状态 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
| [Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品,为后续应用升级打样 | 🚧 |
| [Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/dify-knowledge-base/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品,为后续应用升级打样 | 🚧 |
| 学会查询 AI 词典与集成多模态 API | 学会查找合适的模型与 API,并把文本、图像等多模态能力接入产品 | 🚧 |
### 三、高级开发工程师
+1 -1
View File
@@ -17,7 +17,7 @@ hero:
actions:
- theme: brand
text: 开始一起 vibe
link: /zh-cn/stage-0/0.1-learning-map/
link: /zh-cn/stage-1/learning-map/
- theme: alt
text: GitHub 加速更新
link: https://github.com/datawhalechina/easy-vibe
-161
View File
@@ -1,161 +0,0 @@
# 动手做第一个 AI 产品
欢迎来到 **动手做第一个 AI 产品** 阶段!这是 Easy-Vibe 教程的起点,专为零基础学习者设计。
## 你将学到什么
在这个阶段,你将从零开始,掌握 Vibe Coding 工作流,成为能够独立完成产品设计的超级个体。
### 新手入门
适合产品、运营及非技术背景的学习者。通过做游戏理解 AI 编程逻辑,建立学习信心:
<NavGrid>
<NavCard
href="/zh-cn/stage-0/0.1-learning-map/"
title="学习地图"
description="了解整个学习路径,明确每个阶段的目标和收获。"
/>
<NavCard
href="/zh-cn/stage-0/0.2-ai-capabilities-through-games/"
title="AI 时代,会说话就会编程"
description="通过贪吃蛇等小游戏,体验 AI 编程的魅力,打破对编程的恐惧。"
/>
</NavGrid>
### 产品原型实战
掌握 Vibe Coding 工作流,学会拆解需求,独立完成高保真 Web 应用原型:
<NavGrid>
<NavCard
href="/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
title="学会 AI 编程工具"
description="了解当前主流的 AI 编程工具,选择最适合你的开发搭档。"
/>
<NavCard
href="/zh-cn/stage-1/1.0-finding-great-idea/"
title="找到好点子"
description="学会寻找和验证产品想法,找到值得做的项目。"
/>
<NavCard
href="/zh-cn/stage-1/1.2-building-prototype/"
title="搭建产品原型"
description="学习如何快速将产品想法转化为可视化的原型,进行低成本试错。"
/>
<NavCard
href="/zh-cn/stage-1/1.3-integrating-ai-capabilities/"
title="接入 AI 能力"
description="通过集成简单的 AI API,让你的原型具备智能交互能力。"
/>
<NavCard
href="/zh-cn/stage-1/1.4-complete-project-practice/"
title="完整项目实战"
description="综合运用所学知识,从 0 到 1 完成一个完整的产品原型开发。"
/>
</NavGrid>
### 附录:业务思维
**为什么需要**:当你需要提升产品思维、了解行业应用场景时,这些内容能帮你建立更全面的产品视角。
**什么时候看**
- 在动手做原型前,先了解产品思维,能帮你更好地规划和设计
- 当你有产品想法但不确定方向时,参考产业场景案例
- 完成项目后,用产品思维复盘和优化你的作品
<NavGrid>
<NavCard
href="/zh-cn/stage-1/appendix-a-product-thinking/"
title="产品思维与方案设计"
description="补充产品经理必备的思维模型,提升需求分析与产品设计能力。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-industry-scenarios/"
title="AI 行业应用场景参考 (B端)"
description="了解 AI 在不同产业的应用场景,寻找产品灵感与方向。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-c-consumer-scenarios/"
title="AI 消费场景灵感参考 (C端)"
description="探索 AI 在消费级产品中的应用场景,激发创意灵感。"
/>
</NavGrid>
### 附录:用户研究与需求验证
**为什么需要**:当你已经有了产品点子,但还不确定它是不是真需求、该如何和用户聊、该优先验证什么时,这组内容能帮你把模糊感觉变成可验证的判断。
**什么时候看**
- 当你说不清用户到底在“雇用”你的产品完成什么事时
- 当你准备做用户访谈,却担心只得到礼貌性反馈时
- 当你想把“感觉不错”的点子,变成更扎实的需求假设时
<NavGrid>
<NavCard
href="/zh-cn/stage-1/appendix-idea-sources/"
title="从哪里找点子"
description="学会从参考应用、行业趋势和 VC 清单里,收出一个更具体的产品方向。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-double-diamond/"
title="双钻模型入门"
description="理解 Discover、Define、Develop、Deliver 四步,避免还没想清楚问题就急着做原型。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-jobs-to-be-done/"
title="Jobs to Be Done 入门"
description="用 JTBD 方法看清用户真正想完成的事,判断需求和产品方向。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-mom-test/"
title="The Mom Test 用户访谈法"
description="学会正确和用户聊天,避免只听到“听起来不错”的假阳性反馈。"
/>
</NavGrid>
### 附录:技术方案
**为什么需要**:在开发过程中遇到技术问题或想了解更优工具时,这些技术附录能提供即查即用的解决方案。
**什么时候看**
- 遇到报错不知道如何解决时,查阅常见报错及解决方案
- 想对比不同 AI 编程工具时,参考平台实测对比
- 想学习更高级的开发技巧时,查看智能体开发案例
<NavGrid>
<NavCard
href="/zh-cn/stage-1/appendix-b-common-errors/"
title="写代码时遇到错误怎么办"
description="汇总开发过程中常见的报错信息及解决方法,助你快速排查问题。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial"
title="七款 AI 编程工具对比"
description="对比测试主流 AI 编程平台,帮你选择最适合的工具。"
/>
<NavCard
href="/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents"
title="用设计和编程 Agent 设计网站"
description="学习如何使用 AI 智能体协同工作,提升开发效率。"
/>
</NavGrid>
## 适合人群
- 零基础的产品经理、运营人员
- 想要快速验证想法的创业者
- 对 AI 编程感兴趣的非技术背景人士
- 希望提升原型设计能力的设计师
## 怎么学?
建议按这个顺序进行操作:
```
先玩玩游戏建立信心 → 跟着教程做原型 → 给原型加上 AI 功能 → 独立完成一个完整项目
```
不用一口气看完,边做边学效果最好。遇到问题时,记得去附录里查查解决方案。
现在就开始吧,左侧导航选第一节!

Before

Width:  |  Height:  |  Size: 623 KiB

After

Width:  |  Height:  |  Size: 623 KiB

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 107 KiB

Before

Width:  |  Height:  |  Size: 379 KiB

After

Width:  |  Height:  |  Size: 379 KiB

Before

Width:  |  Height:  |  Size: 373 KiB

After

Width:  |  Height:  |  Size: 373 KiB

Before

Width:  |  Height:  |  Size: 656 KiB

After

Width:  |  Height:  |  Size: 656 KiB

Before

Width:  |  Height:  |  Size: 318 KiB

After

Width:  |  Height:  |  Size: 318 KiB

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

Before

Width:  |  Height:  |  Size: 283 KiB

After

Width:  |  Height:  |  Size: 283 KiB

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 119 KiB

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 127 KiB

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

Before

Width:  |  Height:  |  Size: 223 KiB

After

Width:  |  Height:  |  Size: 223 KiB

Before

Width:  |  Height:  |  Size: 385 KiB

After

Width:  |  Height:  |  Size: 385 KiB

Before

Width:  |  Height:  |  Size: 299 KiB

After

Width:  |  Height:  |  Size: 299 KiB

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Before

Width:  |  Height:  |  Size: 268 KiB

After

Width:  |  Height:  |  Size: 268 KiB

Before

Width:  |  Height:  |  Size: 167 KiB

After

Width:  |  Height:  |  Size: 167 KiB

Before

Width:  |  Height:  |  Size: 640 KiB

After

Width:  |  Height:  |  Size: 640 KiB

Before

Width:  |  Height:  |  Size: 13 MiB

After

Width:  |  Height:  |  Size: 13 MiB

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 2.9 MiB

Before

Width:  |  Height:  |  Size: 514 KiB

After

Width:  |  Height:  |  Size: 514 KiB

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 148 KiB

Before

Width:  |  Height:  |  Size: 5.3 MiB

After

Width:  |  Height:  |  Size: 5.3 MiB

Before

Width:  |  Height:  |  Size: 529 KiB

After

Width:  |  Height:  |  Size: 529 KiB

Before

Width:  |  Height:  |  Size: 313 KiB

After

Width:  |  Height:  |  Size: 313 KiB

Before

Width:  |  Height:  |  Size: 407 KiB

After

Width:  |  Height:  |  Size: 407 KiB

Before

Width:  |  Height:  |  Size: 587 KiB

After

Width:  |  Height:  |  Size: 587 KiB

Before

Width:  |  Height:  |  Size: 234 KiB

After

Width:  |  Height:  |  Size: 234 KiB

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

Before

Width:  |  Height:  |  Size: 3.3 MiB

After

Width:  |  Height:  |  Size: 3.3 MiB

Before

Width:  |  Height:  |  Size: 3.1 MiB

After

Width:  |  Height:  |  Size: 3.1 MiB

Before

Width:  |  Height:  |  Size: 124 KiB

After

Width:  |  Height:  |  Size: 124 KiB

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 183 KiB

Before

Width:  |  Height:  |  Size: 442 KiB

After

Width:  |  Height:  |  Size: 442 KiB

Before

Width:  |  Height:  |  Size: 540 KiB

After

Width:  |  Height:  |  Size: 540 KiB

Before

Width:  |  Height:  |  Size: 4.1 MiB

After

Width:  |  Height:  |  Size: 4.1 MiB

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 2.6 MiB

Before

Width:  |  Height:  |  Size: 3.7 MiB

After

Width:  |  Height:  |  Size: 3.7 MiB

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 2.3 MiB

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 57 KiB

Before

Width:  |  Height:  |  Size: 602 KiB

After

Width:  |  Height:  |  Size: 602 KiB

Before

Width:  |  Height:  |  Size: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 236 KiB

Before

Width:  |  Height:  |  Size: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

Before

Width:  |  Height:  |  Size: 880 KiB

After

Width:  |  Height:  |  Size: 880 KiB

Before

Width:  |  Height:  |  Size: 201 KiB

After

Width:  |  Height:  |  Size: 201 KiB

Before

Width:  |  Height:  |  Size: 388 KiB

After

Width:  |  Height:  |  Size: 388 KiB

Before

Width:  |  Height:  |  Size: 556 KiB

After

Width:  |  Height:  |  Size: 556 KiB

Before

Width:  |  Height:  |  Size: 478 KiB

After

Width:  |  Height:  |  Size: 478 KiB

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

@@ -14,7 +14,7 @@ import { relatedArticlesMap } from '@theme/data/relatedArticles'
const duration = '约 <strong>4 小时</strong>,可分多次完成'
const relatedArticles =
relatedArticlesMap['zh-cn/stage-0/0.2-ai-capabilities-through-games'] ?? []
relatedArticlesMap['zh-cn/stage-1/ai-capabilities-through-games'] ?? []
</script>
## 本章导读

Before

Width:  |  Height:  |  Size: 151 KiB

After

Width:  |  Height:  |  Size: 151 KiB

Before

Width:  |  Height:  |  Size: 228 KiB

After

Width:  |  Height:  |  Size: 228 KiB

Before

Width:  |  Height:  |  Size: 196 KiB

After

Width:  |  Height:  |  Size: 196 KiB

Before

Width:  |  Height:  |  Size: 837 KiB

After

Width:  |  Height:  |  Size: 837 KiB

Before

Width:  |  Height:  |  Size: 399 KiB

After

Width:  |  Height:  |  Size: 399 KiB

Before

Width:  |  Height:  |  Size: 377 KiB

After

Width:  |  Height:  |  Size: 377 KiB

Before

Width:  |  Height:  |  Size: 386 KiB

After

Width:  |  Height:  |  Size: 386 KiB

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 185 KiB

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 186 KiB

Before

Width:  |  Height:  |  Size: 339 KiB

After

Width:  |  Height:  |  Size: 339 KiB

Before

Width:  |  Height:  |  Size: 383 KiB

After

Width:  |  Height:  |  Size: 383 KiB

Before

Width:  |  Height:  |  Size: 600 KiB

After

Width:  |  Height:  |  Size: 600 KiB

Before

Width:  |  Height:  |  Size: 451 KiB

After

Width:  |  Height:  |  Size: 451 KiB

@@ -8,7 +8,7 @@ import { relatedArticlesMap } from '@theme/data/relatedArticles'
const duration = '约 <strong>8 小时</strong>'
const relatedArticles =
relatedArticlesMap['zh-cn/stage-1/1.2-building-prototype'] ?? []
relatedArticlesMap['zh-cn/stage-1/building-prototype'] ?? []
</script>
# 初级三:动手做出原型
@@ -257,7 +257,7 @@ const relatedArticles =
## 2. 10分钟产出原型:让 AI IDE 落地"核心玩法"
::: info 💡 编程 Plan 建议
如果你觉得当前 IDE 不够聪明,或者觉得很快就花完了额度,你可以去买一个**编程 Plan 计划**。提前预习参考[这个文章](../../stage-2/backend/2.6-modern-cli/)使用 Claude 进行编程。
如果你觉得当前 IDE 不够聪明,或者觉得很快就花完了额度,你可以去买一个**编程 Plan 计划**。提前预习参考[这个文章](../../stage-2/backend/modern-cli/)使用 Claude 进行编程。
:::
Thinking 是好事,但不可 over thinking,我们就此控制过度反思,尝试从单个页面开始制作原型。
@@ -8,7 +8,7 @@ import { relatedArticlesMap } from '@theme/data/relatedArticles'
const duration = '约 <strong>3 天</strong>'
const relatedArticles =
relatedArticlesMap['zh-cn/stage-1/1.4-complete-project-practice'] ?? []
relatedArticlesMap['zh-cn/stage-1/complete-project-practice'] ?? []
</script>
# 初级五:完整项目实战

Before

Width:  |  Height:  |  Size: 351 KiB

After

Width:  |  Height:  |  Size: 351 KiB

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

Some files were not shown because too many files have changed in this diff Show More