refactor(docs): reorganize file structure and update content
fix(docs): correct links and paths in multiple files style(docs): adjust formatting and alignment in README files docs: update content in multiple markdown files
This commit is contained in:
+17
-17
@@ -372,7 +372,7 @@ export default defineConfig({
|
||||
},
|
||||
{
|
||||
text: '前端四:一起做霍格沃茨画像',
|
||||
link: '/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits'
|
||||
link: '/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/'
|
||||
}
|
||||
]
|
||||
},
|
||||
@@ -382,11 +382,11 @@ export default defineConfig({
|
||||
items: [
|
||||
{
|
||||
text: '后端一:什么是 API',
|
||||
link: '/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api'
|
||||
link: '/zh-cn/stage-2/backend/2.1-what-is-api/extra2/'
|
||||
},
|
||||
{
|
||||
text: '后端二:从数据库到 Supabase',
|
||||
link: '/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase'
|
||||
link: '/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/'
|
||||
},
|
||||
{
|
||||
text: '后端三:大模型辅助编写接口代码与接口文档',
|
||||
@@ -394,15 +394,15 @@ export default defineConfig({
|
||||
},
|
||||
{
|
||||
text: '后端四:Git 工作流',
|
||||
link: '/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github'
|
||||
link: '/zh-cn/stage-2/backend/2.4-git-workflow/extra1/'
|
||||
},
|
||||
{
|
||||
text: '后端五:如何部署 Web 应用',
|
||||
link: '/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications'
|
||||
link: '/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/'
|
||||
},
|
||||
{
|
||||
text: '后端六:现代 CLI 开发工具',
|
||||
link: '/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development'
|
||||
link: '/zh-cn/stage-2/backend/2.6-modern-cli/extra7/'
|
||||
},
|
||||
{
|
||||
text: '后端七:如何集成 Stripe 等收费系统',
|
||||
@@ -430,11 +430,11 @@ export default defineConfig({
|
||||
items: [
|
||||
{
|
||||
text: 'AI 一:Dify 入门与知识库集成',
|
||||
link: '/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration'
|
||||
link: '/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/'
|
||||
},
|
||||
{
|
||||
text: 'AI 二:学会查询 AI 词典与集成多模态 API',
|
||||
link: '/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook'
|
||||
link: '/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/'
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -492,7 +492,7 @@ export default defineConfig({
|
||||
items: [
|
||||
{
|
||||
text: '高级 AI 一:什么是 RAG 以及它如何工作',
|
||||
link: '/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future'
|
||||
link: '/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/'
|
||||
},
|
||||
{
|
||||
text: '高级 AI 二:中高级 RAG 与工作流编排 - 以 LangGraph 为例',
|
||||
@@ -513,23 +513,23 @@ export default defineConfig({
|
||||
items: [
|
||||
{
|
||||
text: 'Extra 1: Git & GitHub',
|
||||
link: '/zh-cn/extra/extra1/extra1-what-is-git-and-what-is-github'
|
||||
link: '/zh-cn/stage-2/backend/2.4-git-workflow/extra1/'
|
||||
},
|
||||
{
|
||||
text: 'Extra 2: What is API',
|
||||
link: '/zh-cn/extra/extra2/extra2-what-is-api'
|
||||
link: '/zh-cn/stage-2/backend/2.1-what-is-api/extra2/'
|
||||
},
|
||||
{
|
||||
text: 'Extra 5: What is RAG',
|
||||
link: '/zh-cn/extra/extra5/extra5-what-is-rag-and-how-does-it-work-and-future'
|
||||
link: '/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/'
|
||||
},
|
||||
{
|
||||
text: 'Extra 6: Zeabur Deployment',
|
||||
link: '/zh-cn/extra/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications'
|
||||
link: '/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/'
|
||||
},
|
||||
{
|
||||
text: 'Extra 7: CLI AI Tools & TDD',
|
||||
link: '/zh-cn/extra/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development'
|
||||
link: '/zh-cn/stage-2/backend/2.6-modern-cli/extra7/'
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -555,15 +555,15 @@ export default defineConfig({
|
||||
items: [
|
||||
{
|
||||
text: '前端四:霍格沃茨画像',
|
||||
link: '/zh-cn/project/chapter4/chapter4-lets-build-hogwarts-portraits'
|
||||
link: '/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/'
|
||||
},
|
||||
{
|
||||
text: '后端二:Supabase 数据库',
|
||||
link: '/zh-cn/project/chapter5/chapter5-from-database-to-supabase'
|
||||
link: '/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/'
|
||||
},
|
||||
{
|
||||
text: 'AI 一:Dify & Knowledge Base',
|
||||
link: '/zh-cn/project/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration'
|
||||
link: '/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/ja-jp/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits" class="card-link">
|
||||
<a href="/ja-jp/stage-2/frontend/2.4-hogwarts-portraits/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">🧙</span>
|
||||
@@ -55,7 +55,7 @@
|
||||
API設計、データベース管理、アプリケーションデプロイメント戦略を学ぶ:
|
||||
|
||||
<NavGrid>
|
||||
<a href="/ja-jp/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase" class="card-link">
|
||||
<a href="/ja-jp/stage-2/backend/2.2-database-supabase/chapter5/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">🗄️</span>
|
||||
@@ -75,7 +75,7 @@ API設計、データベース管理、アプリケーションデプロイメ
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/ja-jp/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github" class="card-link">
|
||||
<a href="/ja-jp/stage-2/backend/2.4-git-workflow/extra1/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">🌿</span>
|
||||
@@ -85,7 +85,7 @@ API設計、データベース管理、アプリケーションデプロイメ
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/ja-jp/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications" class="card-link">
|
||||
<a href="/ja-jp/stage-2/backend/2.5-zeabur-deployment/extra6/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">🚀</span>
|
||||
@@ -95,7 +95,7 @@ API設計、データベース管理、アプリケーションデプロイメ
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="/ja-jp/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development" class="card-link">
|
||||
<a href="/ja-jp/stage-2/backend/2.6-modern-cli/extra7/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">💻</span>
|
||||
@@ -135,7 +135,7 @@ API設計、データベース管理、アプリケーションデプロイメ
|
||||
### AI機能拡張
|
||||
|
||||
<NavGrid>
|
||||
<a href="/ja-jp/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook" class="card-link">
|
||||
<a href="/ja-jp/stage-2/ai-capabilities/2.2-multimodal-api/extra3/" class="card-link">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<span class="card-icon">🎭</span>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -53,14 +53,14 @@
|
||||
| 前端一:Figma 与 MasterGo 入门 | 用设计工具梳理信息架构和页面结构,为前端实现打基础 | 🚧 |
|
||||
| 前端二:构建第一个现代应用程序-UI 设计 | 基于设计稿完成组件化界面,实现从设计到代码的第一条链路 | 🚧 |
|
||||
| 前端三:参考 UI 设计规范与多产品 UI 设计 | 围绕统一主视觉扩展多产品界面,练习系统化设计能力 | 🚧 |
|
||||
| [前端四:一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits) | 从 0 到 1 做出接入 AI 能力的前端应用,串联设计与开发 | 🚧 |
|
||||
| [前端四:一起做霍格沃茨画像](/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/) | 从 0 到 1 做出接入 AI 能力的前端应用,串联设计与开发 | 🚧 |
|
||||
|
||||
#### 后端与全栈部分
|
||||
|
||||
| 章节 | 关键内容 | 状态 |
|
||||
| :---------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- |
|
||||
| 后端一:什么是 API | 理解 HTTP 接口与请求响应模型,为后端集成与联调做准备 | 🚧 |
|
||||
| [后端二:从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase) | 在 Supabase 上落地数据库和 API,打通数据模型与前端页面 | 🚧 |
|
||||
| [后端二:从数据库到 Supabase](/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/) | 在 Supabase 上落地数据库和 API,打通数据模型与前端页面 | 🚧 |
|
||||
| 后端三:大模型辅助编写接口代码与接口文档 | 用大模型协助生成接口与数据库文档及代码,实现可读可测的后端 | 🚧 |
|
||||
| 后端四:Git 工作流与 Zeabur 部署 | 在 Git 工作流中管理代码,并将应用部署到 Zeabur 上线 | 🚧 |
|
||||
| 后端五:现代 CLI 开发工具 | 使用 CLI 类 AI 编程工具加速开发与调试,形成个人工程化工作流 | 🚧 |
|
||||
@@ -72,7 +72,7 @@
|
||||
|
||||
| 章节 | 关键内容 | 状态 |
|
||||
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- |
|
||||
| [AI 一:Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration) | 用 Dify Workflow 与基础 RAG 搭建工具类产品,为后续应用升级打样 | 🚧 |
|
||||
| [AI 一:Dify 入门与知识库集成](/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/) | 用 Dify Workflow 与基础 RAG 搭建工具类产品,为后续应用升级打样 | 🚧 |
|
||||
| AI 二:学会查询 AI 词典与集成多模态 API | 学会查找合适的模型与 API,并把文本、图像等多模态能力接入产品 | 🚧 |
|
||||
|
||||
### 三、高级开发工程师
|
||||
|
||||
@@ -29,14 +29,14 @@
|
||||
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-1/1.0-finding-great-idea/"
|
||||
title="1. 找到好点子"
|
||||
description="学会寻找和验证产品想法,找到值得做的项目。"
|
||||
href="/easy-vibe/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
|
||||
title="1. 学会 AI 编程工具"
|
||||
description="了解当前主流的 AI 编程工具,选择最适合你的开发搭档。"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-1/1.1-introduction-to-ai-ide/"
|
||||
title="2. 学会 AI 编程工具"
|
||||
description="了解当前主流的 AI 编程工具,选择最适合你的开发搭档。"
|
||||
href="/easy-vibe/zh-cn/stage-1/1.0-finding-great-idea/"
|
||||
title="2. 找到好点子"
|
||||
description="学会寻找和验证产品想法,找到值得做的项目。"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-1/1.2-building-prototype/"
|
||||
|
||||
@@ -484,7 +484,69 @@ const duration = '约 <strong>3 小时</strong>'
|
||||
|
||||
这一节,我们将学习如何从普通想法中发现真实痛点。
|
||||
|
||||
### 2.1 案例:从"卡路里测量"中发现痛点
|
||||
### 2.1 从爱好出发——找到你真正热爱的领域
|
||||
|
||||
在寻找创业点子时,有一个被严重低估的方法:<strong>从你自己的爱好出发</strong>。
|
||||
|
||||
::: tip 为什么爱好是最好的起点?
|
||||
|
||||
**1. 你天然理解这个群体**
|
||||
- 你自己就是用户,你知道这个群体的真实痛点
|
||||
- 你了解他们的语言、习惯、情感诉求
|
||||
- 你不需要做大量的用户调研,因为你就在其中
|
||||
|
||||
**2. 热情是最好的驱动力**
|
||||
- 创业是漫长而艰难的旅程,热爱让你能坚持更久
|
||||
- 你会愿意花时间去深入了解,不断打磨产品
|
||||
- 即使遇到困难,热情也会推动你找到解决方案
|
||||
|
||||
**3. 天然的用户共情能力**
|
||||
- 你能感同身受地理解用户的 frustrations
|
||||
- 你知道什么功能真正重要,什么是锦上添花
|
||||
- 你的产品决策会更贴近真实需求
|
||||
|
||||
:::
|
||||
|
||||
::: info 案例:从爱好中诞生的成功产品
|
||||
|
||||
**案例一:Strava(运动社交平台)**
|
||||
- 创始人是狂热的自行车爱好者
|
||||
- 他发现骑行者渴望记录和分享自己的路线、成绩
|
||||
- 因为自己就是用户,所以产品功能非常贴合需求
|
||||
- 现在成为全球最大的运动社交平台之一
|
||||
|
||||
**案例二:Notion(笔记工具)**
|
||||
- 创始人是效率工具的重度用户
|
||||
- 他自己就是目标用户,深知知识管理的痛点
|
||||
- 从个人需求出发,逐步扩展到团队协作
|
||||
- 现在估值超过 100 亿美元
|
||||
|
||||
**案例三:B站(哔哩哔哩)**
|
||||
- 创始人徐逸本身就是二次元文化的爱好者
|
||||
- 他深刻理解 ACG 群体的需求和社区文化
|
||||
- 从个人兴趣出发,打造了独特的弹幕文化
|
||||
- 现在成为中国最大的年轻人文化社区
|
||||
|
||||
:::
|
||||
|
||||
::: warning 关键洞察:你的爱好 + 群体痛点 = 最好的种子用户
|
||||
|
||||
当你从自己的爱好出发时:
|
||||
- <strong>你天然可以共情</strong>——你知道用户的喜怒哀乐
|
||||
- <strong>你拥有最好的种子用户</strong>——你的朋友、同好就是这个群体
|
||||
- <strong>你能做出最好的应用</strong>——因为你真正理解需求
|
||||
|
||||
**问问自己:**
|
||||
1. 你平时最喜欢做什么?(游戏、运动、阅读、音乐、手工……)
|
||||
2. 在这个爱好中,你有什么 frustrations?
|
||||
3. 你的同好们经常抱怨什么?
|
||||
4. 如果有一个产品能解决这些问题,你会用吗?会付费吗?
|
||||
|
||||
**记住:** 最好的产品往往诞生于创始人解决自己问题的过程中。
|
||||
|
||||
:::
|
||||
|
||||
### 2.2 案例:从"卡路里测量"中发现痛点
|
||||
|
||||
让我们从一个最简单的 idea 开始,看看如何从中发现真实痛点。
|
||||
|
||||
|
||||
@@ -253,7 +253,7 @@ const duration = '约 <strong>8 小时</strong>'
|
||||
## 2. 10分钟产出原型:让 AI IDE 落地"核心玩法"
|
||||
|
||||
::: info 💡 编程 Plan 建议
|
||||
如果你觉得当前 IDE 不够聪明,或者觉得很快就花完了额度,你可以去买一个**编程 Plan 计划**。提前预习参考[这个文章](../../stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md)使用 Claude 进行编程。
|
||||
如果你觉得当前 IDE 不够聪明,或者觉得很快就花完了额度,你可以去买一个**编程 Plan 计划**。提前预习参考[这个文章](../../stage-2/backend/2.6-modern-cli/extra7/)使用 Claude 进行编程。
|
||||
:::
|
||||
|
||||
Thinking 是好事,但不可 over thinking,我们就此控制过度反思,尝试从单个页面开始制作原型。
|
||||
|
||||
+2
-2
@@ -1,4 +1,4 @@
|
||||
# Project 3: Dify 入门与知识库集成
|
||||
# Dify 入门与知识库集成
|
||||
|
||||
# 回顾上节课
|
||||
|
||||
@@ -210,7 +210,7 @@ Dify 是一个用于开发 LLM 应用的开源平台。它提供了直观的界
|
||||
|
||||
本部分内容原本安排在后续课程中详细介绍,但考虑到当前部分学习者可能因网络限制暂时无法访问 Dify 官方网站或云端服务,我们决定提前提供这一可选的学习路径,帮助你顺利推进课程进度。
|
||||
|
||||
你需要参考该教程入门 Zeabur 部署平台的基本使用方式:[Extra Knowledge 6 - Zeabur: What Is It and How to Deploy Web Applications](https://github.com/datawhalechina/easy-vibe/blob/main/docs/extra/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md)
|
||||
你需要参考该教程入门 web 部署平台的基本使用方式:[如何部署 Web 应用](/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/)
|
||||
|
||||

|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
# 扩展知识 2 - API 开发手册:从核心逻辑到 AI 场景集成
|
||||
# API 开发手册:从核心逻辑到 AI 场景集成
|
||||
|
||||
随着数字化进程的加速,我们每天都在与成百上千个软件系统打交道。但对于初学者来说,一个始终绕不开的困惑是:**这些看起来互不相干的应用,到底是怎么“对话”的?** 为什么我在这个 App 里点一下,另一个 App 就能立刻做出反应?
|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
# Project 5: 从数据库到 Supabase
|
||||
# 从数据库到 Supabase
|
||||
|
||||
在上节课中,我们学会了 UI 设计程序 Mastergo 和 Figma 的基本用法,能够使用 github 进行代码的获取与版本管理,并通过 Zeabur 部署网站将自己的应用 / 网站传达给更多人使用。
|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
# 扩展知识 1 - 什么是 Git 和 GitHub
|
||||
# 什么是 Git 和 GitHub
|
||||
|
||||
在之前的课程中,我们学习了如何使用基于 Web 的 vibe coding 工具编写代码。每次对话都会创建一个新版本的代码。但是,让我们思考一个问题:如果我们想恢复到之前的修改,有没有方便的方法?有没有一种工具可以记录我们在不同阶段的代码,使我们能够随时在不同版本之间切换和修改?
|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
# 扩展知识 6 - 如何部署 Web 应用
|
||||
# 如何部署 Web 应用
|
||||
|
||||
在本教程中,我们将介绍如何将你的 Web 应用部署到互联网上,让其他人可以访问。我们会介绍三个常用的部署平台:**腾讯云 CloudBase**、**Vercel** 和 **Zeabur**,帮助你快速完成从"写好代码"到"让别人可以在互联网上访问你的网站"的完整流程。
|
||||
|
||||
+1
-1
@@ -1,4 +1,4 @@
|
||||
# 扩展知识 7 - CLI AI 编程工具与测试驱动开发原则
|
||||
# CLI AI 编程工具与测试驱动开发原则
|
||||
|
||||
在本教程中,我们将介绍直接在命令行中运行的 AI 编程 Agent。它们和之前学过的 Trae、Cursor 中的 Agent 不同,CLI AI 编程工具只能在终端中使用。与集成在 AI IDE 里的 Agent 相比,它们通常具有更长的上下文窗口、更快的工具调用速度,并且可以兼容更多种类的大模型。在最新的 AI Vibe Coding 实战中,我们往往会优先使用 CLI AI 编程工具,而不是 IDE 内置的编码 Agent。
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
# 后端六:如何集成 Stripe 等收费系统
|
||||
# 如何集成 Stripe 等收费系统
|
||||
|
||||
> 本章节正在编写中,敬请期待...
|
||||
|
||||
+2
-2
@@ -533,9 +533,9 @@ curl -X POST 'http://xxxxxxxx/v1/chat-messages' \
|
||||
|
||||
终于,恭喜你顺利完成了 Hogwarts Portraits 页面的开发实现!接下来我们需要将它上传到 GitHub 平台,并将其部署到公共环境让所有人都能访问。
|
||||
|
||||
你需要参考该教程,对如何使用 Github 进行研究,将自己的项目上传至 Github:[什么是 Github](https://datawhalechina.github.io/easy-vibe/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.html)
|
||||
你需要参考该教程,对如何使用 Github 进行研究,将自己的项目上传至 Github:[什么是 Github](https://datawhalechina.github.io/easy-vibe/stage-2/backend/2.4-git-workflow/extra1/)
|
||||
|
||||
此外,你还需要学会如何使用 Zeabur,将其连接到 Github,并成功部署你的项目:[什么是 Zeabur](https://datawhalechina.github.io/easy-vibe/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.html)
|
||||
此外,你还需要学会如何使用 Zeabur,将其连接到 Github,并成功部署你的项目:[什么是 Zeabur](https://datawhalechina.github.io/easy-vibe/stage-2/backend/2.5-zeabur-deployment/extra6/)
|
||||
|
||||
如果你觉得自己开发一套 Hogwarts Portraits 项目很困难,你可以先从参考别的项目开始进行修改,本节课的官方代码地址为:https://github.com/THU-SIGS-AIID/Project4-Hogwarts-Portraits
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
description="学习主流 UI 设计规范,提升产品设计的一致性与美感"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits"
|
||||
href="/easy-vibe/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/"
|
||||
title="前端四:一起做霍格沃茨画像"
|
||||
description="实战项目:结合 AI 生成的图像,构建一个交互式的霍格沃茨画像应用"
|
||||
/>
|
||||
@@ -42,12 +42,12 @@
|
||||
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api"
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.1-what-is-api/extra2/"
|
||||
title="后端一:什么是 API"
|
||||
description="理解 API 的核心概念,它是前后端交互的桥梁"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase"
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/"
|
||||
title="后端二:从数据库到 Supabase"
|
||||
description="掌握关系型数据库基础,并学习使用 Supabase 这一现代 BaaS 平台"
|
||||
/>
|
||||
@@ -57,17 +57,17 @@
|
||||
description="利用 AI 辅助生成后端接口代码及标准的接口文档,提升开发效率"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github"
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.4-git-workflow/extra1/"
|
||||
title="后端四:Git 工作流"
|
||||
description="掌握 Git 版本控制系统的核心操作与协作流程"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications"
|
||||
title="后端五:Zeabur 部署"
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/"
|
||||
title="后端五:如何部署 Web 应用"
|
||||
description="学习使用 Zeabur 快速部署你的全栈应用到云端"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development"
|
||||
href="/easy-vibe/zh-cn/stage-2/backend/2.6-modern-cli/extra7/"
|
||||
title="后端六:现代 CLI 开发工具"
|
||||
description="探索现代 CLI 工具,提升命令行环境下的开发体验"
|
||||
/>
|
||||
@@ -99,12 +99,12 @@
|
||||
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration"
|
||||
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/"
|
||||
title="AI 一:Dify 入门与知识库集成"
|
||||
description="学习使用 Dify 构建 AI 应用,并集成私有知识库"
|
||||
/>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook"
|
||||
href="/easy-vibe/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/"
|
||||
title="AI 二:学会查询 AI 词典与集成多模态 API"
|
||||
description="探索更多 AI 能力,集成视觉、语音等多模态 API"
|
||||
/>
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/easy-vibe/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future"
|
||||
href="/easy-vibe/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/"
|
||||
title="高级 AI 一:什么是 RAG 以及它如何工作"
|
||||
description="深入理解检索增强生成 (RAG) 的原理及其在 AI 应用中的价值"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user