fix(docs): prevent stage-1 appendix link 404s
This commit is contained in:
sanbuphy
@@ -304,7 +304,7 @@ AI 出現之後，第一次給了普通人一個全新的可能：你不需要
|
||||
|
||||
此外，我們還可以要求 LLM 幫你直接生成專案級的提示詞。在上一節中，我們只自己寫了貪喫蛇遊戲的提示詞。現在讓我們嘗試讓大模型生成一個帶有整體框架和實現路徑的提示詞（你可以直接用 z.ai 生成）。
|
||||
|
||||
如果你想學習如何寫出更好的提示詞，可以檢視[提示詞工程附錄](/zh-tw/appendix/8-artificial-intelligence/prompt-engineering)。
|
||||
如果你想學習如何寫出更好的提示詞，可以檢視[提示詞工程附錄](/zh-cn/appendix/8-artificial-intelligence/prompt-engineering)。
|
||||
|
||||
> 我想讓 AI 生成一個網頁貪喫蛇遊戲，需要一個更完整的提示詞，讓生成結果更令人印象深刻和有趣。請生成相應的提示詞。當前目標是：生成一個貪喫蛇遊戲，需要實現喫不同單詞生成詩歌的功能，並且應該包含影象生成模組。
|
||||
|
||||
@@ -643,7 +643,7 @@ z.ai 的回覆將會是這樣的：
|
||||
|
||||
> "用 React 做一個排行榜頁面，右側顯示分數列表，點選某行在下方展示玩家詳情，風格簡潔現代。"
|
||||
|
||||
如果你想深入理解 HTML、CSS、JavaScript 等前端基礎知識，可以檢視[Web 基礎附錄](/zh-tw/appendix/3-browser-and-frontend/javascript-deep-dive)。想了解前端技術的發展歷程，可以檢視[前端進化史附錄](/zh-tw/appendix/3-browser-and-frontend/frontend-frameworks)。
|
||||
如果你想深入理解 HTML、CSS、JavaScript 等前端基礎知識，可以檢視[Web 基礎附錄](/zh-cn/appendix/3-browser-and-frontend/javascript-deep-dive)。想了解前端技術的發展歷程，可以檢視[前端進化史附錄](/zh-cn/appendix/3-browser-and-frontend/frontend-frameworks)。
|
||||
|
||||
## <span id="appendix-2">[附錄 2：到底什麼是 Vibe Coding](#appendix-nav)</span>
|
||||
|
||||
|
||||
@@ -344,7 +344,7 @@ AI 會返回一份結構化的需求和對應的提示詞。你自己檢查一
|
||||
|
||||
#### 2.2.1 準備工作：瞭解 AI IDE 的基本操作
|
||||
|
||||
如果你還不熟悉 AI IDE（如 Cursor、Trae、Windsurf 等）的基本使用方式，建議先看附錄中的[IDE 基礎教程](/zh-tw/appendix/2-development-tools/ide-basics/)，瞭解如何：
|
||||
如果你還不熟悉 AI IDE（如 Cursor、Trae、Windsurf 等）的基本使用方式，建議先看附錄中的[IDE 基礎教程](/zh-cn/appendix/2-development-tools/ide-basics/)，瞭解如何：
|
||||
- 建立新專案
|
||||
- 與 AI Agent 對話
|
||||
- 理解 AI 的程式碼生成過程
|
||||
|
||||
@@ -58,7 +58,7 @@ API 是計算機領域的一個重要抽象概念，我們可以簡單理解為
|
||||
6. **錯誤處理**：當出現問題時（如API Key錯誤、請求太頻繁等），知道如何排查解決。
|
||||
|
||||
::: info ℹ️ 什麼是 API
|
||||
對於 API 的更深入的解釋，請看附錄：[API 入門](/zh-tw/appendix/4-server-and-backend/api-intro)。
|
||||
對於 API 的更深入的解釋，請看附錄：[API 入門](/zh-cn/appendix/4-server-and-backend/api-intro)。
|
||||
|
||||
::: warning 🔐 **API 安全注意事項**
|
||||
API Key 是你請求 AI 服務的「通行證」，它是一串密碼字串，用於身份驗證和計費。
|
||||
@@ -93,7 +93,7 @@ API Key 是你請求 AI 服務的「通行證」，它是一串密碼字串，
|
||||
在 `1.2 動手做出原型` 裡，你已經做出了一個可互動的原型。接下來我們要做的，是把原型裡“看起來像 AI 的功能”變成真正可用的能力：**當使用者點選按鈕時，原型會向外部的 AI 服務發出請求，並把返回的文字展示出來。**
|
||||
|
||||
::: info ℹ️ 原理延伸
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[大語言模型（LLM）入門](/zh-tw/appendix/8-artificial-intelligence/llm-principles)。
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[大語言模型（LLM）入門](/zh-cn/appendix/8-artificial-intelligence/llm-principles)。
|
||||
::: details 瞭解更多：DeepSeek 是什麼？
|
||||
|
||||
**杭州深度求索人工智慧基礎技術研究有限公司**（Hangzhou DeepSeek Artificial Intelligence Basic Technology Research Co., Ltd.），以 DeepSeek 為商號，是一家**開發大語言模型（LLMs）的中國人工智慧（AI）公司**。DeepSeek 總部位於浙江杭州，由中國對沖基金幻方量化（High-Flyer）擁有並資助。DeepSeek 由幻方量化的聯合創始人梁文鋒於 2023 年 7 月創立，他也同時擔任這兩家公司的 CEO。該公司於 2025 年 1 月推出了同名聊天機器人及其 DeepSeek-R1 模型。
|
||||
@@ -219,7 +219,7 @@ MiniMax 的 API 格式與 DeepSeek 幾乎完全一致（都是 OpenAI 相容格
|
||||
# 3. 接入影象轉文字 API：Qwen3 VL
|
||||
|
||||
::: info ℹ️ 原理延伸
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[視覺語言模型（VLM）入門](/zh-tw/appendix/8-artificial-intelligence/multimodal-models)。
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[視覺語言模型（VLM）入門](/zh-cn/appendix/8-artificial-intelligence/multimodal-models)。
|
||||
|
||||
::: details 瞭解更多：Qwen3 VL 是什麼？
|
||||
|
||||
@@ -369,7 +369,7 @@ caption = caption_image(image_path)
|
||||
在前面的部分我們主要和文字相關的任務打交道，接下來我們將嘗試接入圖片生成的功能，支援從文字描述生成圖片，或者對圖片進行修改。
|
||||
|
||||
::: info ℹ️ 原理延伸
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[影象生成入門](/zh-tw/appendix/8-artificial-intelligence/image-generation)。
|
||||
如果你想了解更多原理相關的內容，請檢視附錄：[影象生成入門](/zh-cn/appendix/8-artificial-intelligence/image-generation)。
|
||||
|
||||
::: details 瞭解更多：什麼是 [Seedream 即夢](https://seed.bytedance.com/en/seedream4_5)？
|
||||
|
||||
|
||||
@@ -68,7 +68,7 @@ const relatedArticles =
|
||||
## 2. 什麼是 IDE，為什麼需要 IDE
|
||||
|
||||
::: info 預習提示
|
||||
如果你還不熟悉 IDE 是什麼、各個介面元素有什麼作用，建議先閱讀 [IDE 簡介](/zh-tw/appendix/2-development-tools/ide-basics) 進行預習，瞭解 IDE 的基本概念和常見功能。
|
||||
如果你還不熟悉 IDE 是什麼、各個介面元素有什麼作用，建議先閱讀 [IDE 簡介](/zh-cn/appendix/2-development-tools/ide-basics) 進行預習，瞭解 IDE 的基本概念和常見功能。
|
||||
:::
|
||||
|
||||
在早期程式設計時代，我們只需要簡單文字編輯器和語言處理器即可。但隨著專案複雜度增加，開發者迫切需要一種能高效管理檔案、支援語法高亮和除錯的工具，於是整合開發環境（IDE）應運而生。
|
||||
@@ -103,7 +103,7 @@ VS Code 的核心理念是“一切皆外掛”。它透過外掛機制支援各
|
||||
|
||||
總之，IDE 是一套幫助開發者高效寫程式碼和執行程式的工具集。
|
||||
|
||||
更具體的詳細內容解釋，請檢視[附錄中的 虛擬 IDE 視覺化 IDE 原理部分](/zh-tw/appendix/2-development-tools/ide-basics)。
|
||||
更具體的詳細內容解釋，請檢視[附錄中的 虛擬 IDE 視覺化 IDE 原理部分](/zh-cn/appendix/2-development-tools/ide-basics)。
|
||||
|
||||
## 3. AI IDE 和普通 IDE 有什麼不同
|
||||
|
||||
@@ -507,7 +507,7 @@ AI 會根據你的描述，直接修改 React 元件和樣式。儲存後重新
|
||||
- **Panel（底部面板）**：包含終端和輸出視窗。
|
||||
- **Status Bar（狀態列）**：顯示當前環境狀態。
|
||||
|
||||
更具體的詳細內容解釋，請檢視[附錄中的 虛擬 IDE 視覺化 IDE 原理部分](/zh-tw/appendix/2-development-tools/ide-basics)。
|
||||
更具體的詳細內容解釋，請檢視[附錄中的 虛擬 IDE 視覺化 IDE 原理部分](/zh-cn/appendix/2-development-tools/ide-basics)。
|
||||
|
||||
<div style="margin: 50px 0;">
|
||||
<ClientOnly>
|
||||
@@ -771,7 +771,7 @@ AI 很認真地給了你一段程式碼，你也老老實實地複製進去了
|
||||
<span style="font-size: 12px; color: #909399">看到不懂的計算機名詞時，來這裡快速查含義，推薦通讀一遍。</span>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<a href="/zh-tw/appendix/2-development-tools/ide-basics" style="text-decoration: none; color: inherit;"><b>附錄二：Visual Studio Code 選單欄解析</b></a><br/>
|
||||
<a href="/zh-cn/appendix/2-development-tools/ide-basics" style="text-decoration: none; color: inherit;"><b>附錄二：Visual Studio Code 選單欄解析</b></a><br/>
|
||||
<span style="font-size: 12px; color: #909399">不知道 AI IDE 的介面有什麼用的時候，拿以下內容和 AI 對話進行查閱，或者直接檢視。</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
Reference in New Issue
Block a user