用開發(fā)實戰(zhàn)：從 Prompt 工程到 RAG、Agent 與 MCP 的完整指南)
這里寫自定義目錄標題歡迎使用Markdown編輯器一、為什么這四個技術(shù)點必須一起學(xué)二、Prompt 工程與大模型溝通的藝術(shù)2.1 Prompt 的核心要素2.2 進階 Prompt 示例生成一個適合你的列表創(chuàng)建一個表格設(shè)定內(nèi)容居中、居左、居右SmartyPants創(chuàng)建一個自定義列表如何創(chuàng)建一個注腳注釋也是必不可少的KaTeX數(shù)學(xué)公式新的甘特圖功能豐富你的文章UML圖表流程圖FLowchart流程圖導(dǎo)出與導(dǎo)入導(dǎo)出導(dǎo)入歡迎使用Markdown編輯器你好 這是你第一次使用# 大模型應(yīng)用開發(fā)實戰(zhàn)從 Prompt 工程到 RAG、Agent 與 MCP 的完整指南一、為什么這四個技術(shù)點必須一起學(xué)很多開發(fā)者在把大模型應(yīng)用到實際業(yè)務(wù)時都會卡在幾個關(guān)鍵環(huán)節(jié)如何讓模型理解更復(fù)雜的指令Prompt、如何讓模型訪問外部知識RAG、如何讓模型自主完成任務(wù)Agent以及如何讓模型與各種工具安全交互MCP。這四個技術(shù)點看似獨立實則環(huán)環(huán)相扣構(gòu)成了現(xiàn)代 LLM 應(yīng)用的核心骨架。如果你只學(xué) Prompt 工程做出來的應(yīng)用只能回答問題加上 RAG應(yīng)用才能知道答案加上 Agent應(yīng)用才能動手做事再加上 MCP應(yīng)用才能安全地連接外部系統(tǒng)。本文按照這條從易到難的路徑帶你一步步構(gòu)建一個具備知識檢索、自主決策和工具調(diào)用能力的智能應(yīng)用。二、Prompt 工程與大模型溝通的藝術(shù)Prompt提示詞是你與大模型對話的指令集。它不僅僅是問問題更是一種結(jié)構(gòu)化的編程。一個精心設(shè)計的 Prompt 能激發(fā)模型最強的能力而一個糟糕的 Prompt 可能得到完全無關(guān)的回答。2.1 Prompt 的核心要素一個高質(zhì)量的 Prompt 通常包含五個要素角色Role定義模型在對話中扮演的身份如你是一位資深 Java 架構(gòu)師。任務(wù)Task清晰、具體地說明你希望模型完成什么。上下文Context提供完成任務(wù)所需的相關(guān)背景信息。格式Format指定輸出結(jié)果的格式如 JSON、Markdown、代碼塊等。示例Few-shot提供少量輸入-輸出示例讓模型快速理解你的意圖。2.2 進階 Prompt 示例以生成 API 接口文檔為例你是一位經(jīng)驗豐富的技術(shù)文檔撰寫助手。請根據(jù)以下用戶需求生成一份 API 接口文檔。 【用戶需求】 - 接口功能用戶登錄 - - 方法POST - - 路徑/api/v1/auth/login - - 請求參數(shù)username字符串必填password字符串必填 - - 成功響應(yīng){code: 200, message: success, data: {token: xxx}} - - 失敗響應(yīng){code: 401, message: invalid credentials} - 【輸出要求】請以 Markdown 格式輸出必須包含接口說明、請求示例、響應(yīng)示例和錯誤碼四個章節(jié)。 - 這個 Prompt 把角色、任務(wù)、上下文、格式全部明確下來模型輸出的文檔質(zhì)量會遠超幫我寫個接口文檔這種模糊指令。 ### 2.3 提示詞工程的最佳實踐 在實踐中我總結(jié)了幾條經(jīng)驗一是把系統(tǒng)提示詞System Prompt和用戶提示詞分離系統(tǒng)提示詞負責(zé)定義角色和規(guī)則用戶提示詞負責(zé)具體任務(wù)二是善用 Few-shot 示例模型對示例的模仿能力遠超對抽象描述的遵循能力三是明確輸出格式特別是要求 JSON 輸出時要給出完整的字段結(jié)構(gòu)避免模型自由發(fā)揮導(dǎo)致解析失敗。 ## 三、RAG讓模型訪問外部知識 大模型的訓(xùn)練數(shù)據(jù)有截止日期且不包含企業(yè)私有數(shù)據(jù)。RAG檢索增強生成通過先檢索、后生成的方式讓模型在回答問題時先到外部知識庫中檢索相關(guān)資料再基于檢索結(jié)果生成答案。 ### 3.1 RAG 的核心流程 一個標準的 RAG 系統(tǒng)分為離線數(shù)據(jù)預(yù)處理和在線檢索生成兩個階段 **離線階段數(shù)據(jù)接入與處理** 1. 多源文檔解析解析 PDF、Word、Excel、Markdown 等格式提取表格、圖表甚至通過 OCR 識別掃描件。 2. 2. 智能文本分塊Chunking將大文檔切分成數(shù)百 Token 大小的片段并保持適當?shù)纳舷挛闹丿B。 3. 3. 向量化Embedding利用 Embedding 模型將文本塊轉(zhuǎn)化為高維數(shù)學(xué)向量。 4. 4. 向量數(shù)據(jù)庫存儲存入 Milvus、Qdrant、Pinecone 等向量數(shù)據(jù)庫用于后續(xù)的相似度匹配。 **在線階段檢索與生成** 5. 用戶意圖理解與查詢優(yōu)化對用戶輸入進行清洗、擴展、糾錯。 6. 2. 混合檢索Hybrid Search結(jié)合向量檢索語義搜索和全文檢索關(guān)鍵詞/BM25大幅提升召回率。 7. 3. 重排Rerank使用 Reranker 模型對候選片段進行精細化打分剔除噪音。 8. 4. 上下文組裝與 Prompt 注入將用戶問題與檢索到的高質(zhì)量片段打包成特定 Prompt輸入給 LLM。 ### 3.2 RAG 的進階形態(tài) 傳統(tǒng) RAG 是一問一答、一查了事面對復(fù)雜問題時往往力不從心。進階的 Agentic RAG 引入了多步驟的動態(tài)決策過程自主規(guī)劃把復(fù)雜問題拆解成多個子問題、迭代檢索發(fā)現(xiàn)資料不夠時自主重寫查詢詞多搜幾次、自我反思輸出答案前檢查結(jié)論是否完全由檢索到的知識支撐。這種檢索-閱讀-反思-再檢索的動態(tài)循環(huán)能顯著提升復(fù)雜問題的回答質(zhì)量。 ## 四、Agent讓模型自主完成任務(wù) Agent 是具備一定自主性的系統(tǒng)它不僅能思考還能動手。一個完整的 Agent 通常包含以下核心組件 - **規(guī)劃與決策模塊**接收高層級目標并將其分解為一系列可執(zhí)行的子任務(wù)。 - - **工具調(diào)用能力**調(diào)用外部工具如執(zhí)行網(wǎng)絡(luò)搜索、查詢數(shù)據(jù)庫、運行代碼、調(diào)用 API。 - - **記憶與狀態(tài)管理**記住自己的目標、已完成的步驟、獲取到的中間結(jié)果以及工具調(diào)用的歷史。 - - **觀察與反饋循環(huán)**執(zhí)行一個動作后觀察結(jié)果并根據(jù)結(jié)果決定下一步行動形成思考-行動-觀察的循環(huán)。 通俗地講Agent 是一個能自己訂計劃、用工具、記筆記、并不斷調(diào)整策略來完成復(fù)雜任務(wù)的智能程序。 ## 五、MCP讓模型安全地連接外部系統(tǒng) MCPModel Context Protocol是 Anthropic 提出的開放協(xié)議它解決了 Agent 與外部工具交互時的標準化問題。在沒有 MCP 之前每個工具都需要單獨寫適配代碼工具多了之后維護成本極高。MCP 定義了統(tǒng)一的協(xié)議讓模型可以通過標準化的方式發(fā)現(xiàn)工具、調(diào)用工具、接收工具返回結(jié)果。 MCP 的核心價值在于三點一是標準化一套協(xié)議連接所有工具二是安全性通過權(quán)限控制避免模型越權(quán)操作三是可擴展性新增工具只需要實現(xiàn) MCP 協(xié)議不需要改動 Agent 核心邏輯。 ## 六、綜合實戰(zhàn)構(gòu)建一個完整的智能應(yīng)用 把四個技術(shù)點串起來我們可以構(gòu)建一個智能客服應(yīng)用用戶提問后系統(tǒng)先用 RAG 從企業(yè)知識庫檢索相關(guān)資料再通過 Agent 判斷是否需要調(diào)用外部工具如查詢訂單系統(tǒng)最后用 Prompt 工程組織答案輸出。整個鏈路中Prompt 負責(zé)說清楚RAG 負責(zé)找得準Agent 負責(zé)做得到MCP 負責(zé)連得穩(wěn)。 這套架構(gòu)已經(jīng)成為 2026 年大模型應(yīng)用開發(fā)的主流范式。建議開發(fā)者按照先 Prompt、再 RAG、后 Agent、最后 MCP的順序逐步深入每一步都動手實現(xiàn)一個可運行的小項目才能真正掌握這套完整的技術(shù)棧。 **Markdown編輯器** 所展示的歡迎頁。如果你想學(xué)習(xí)如何使用Markdown編輯器, 可以仔細閱讀這篇文章了解一下Markdown的基本語法知識。 ## 新的改變 我們對Markdown編輯器進行了一些功能拓展與語法支持除了標準的Markdown編輯器功能我們增加了如下幾點新功能幫助你用它寫博客 1. **全新的界面設(shè)計** 將會帶來全新的寫作體驗 2. 在創(chuàng)作中心設(shè)置你喜愛的代碼高亮樣式Markdown **將代碼片顯示選擇的高亮樣式** 進行展示 3. 增加了 **圖片拖拽** 功能你可以將本地的圖片直接拖拽到編輯區(qū)域直接展示 4. 全新的 **KaTeX數(shù)學(xué)公式** 語法 5. 增加了支持**甘特圖的mermaid語法[^1]** 功能 6. 增加了 **多屏幕編輯** Markdown文章功能 7. 增加了 **焦點寫作模式、預(yù)覽模式、簡潔寫作模式、左右區(qū)域同步滾輪設(shè)置** 等功能功能按鈕位于編輯區(qū)域與預(yù)覽區(qū)域中間 8. 增加了 **檢查列表** 功能。 [^1]: [mermaid語法說明](https://mermaid.js.org/intro/) ## 功能快捷鍵 撤銷kbdCtrl/Command/kbd kbdZ/kbd 重做kbdCtrl/Command/kbd kbdY/kbd 加粗kbdCtrl/Command/kbd kbdB/kbd 斜體kbdCtrl/Command/kbd kbdI/kbd 標題kbdCtrl/Command/kbd kbdShift/kbd kbdH/kbd 無序列表kbdCtrl/Command/kbd kbdShift/kbd kbdU/kbd 有序列表kbdCtrl/Command/kbd kbdShift/kbd kbdO/kbd 檢查列表kbdCtrl/Command/kbd kbdShift/kbd kbdC/kbd 插入代碼kbdCtrl/Command/kbd kbdShift/kbd kbdK/kbd 插入鏈接kbdCtrl/Command/kbd kbdShift/kbd kbdL/kbd 插入圖片kbdCtrl/Command/kbd kbdShift/kbd kbdG/kbd 查找kbdCtrl/Command/kbd kbdF/kbd 替換kbdCtrl/Command/kbd kbdG/kbd ## 合理的創(chuàng)建標題有助于目錄的生成 直接輸入1次kbd#/kbd并按下kbdspace/kbd后將生成1級標題。 輸入2次kbd#/kbd并按下kbdspace/kbd后將生成2級標題。 以此類推我們支持6級標題。有助于使用TOC語法后生成一個完美的目錄。 ## 如何改變文本的樣式 *強調(diào)文本* _強調(diào)文本_ **加粗文本** __加粗文本__ 標記文本 ~~刪除文本~~ 引用文本 H~2~O is是液體。 2^10^ 運算結(jié)果是 1024. ## 插入鏈接與圖片 鏈接: [link](https://www.csdn.net/). 圖片:  帶尺寸的圖片:  居中的圖片:  居中并且?guī)С叽绲膱D片:  當然我們?yōu)榱俗層脩舾颖憬菸覀冊黾恿藞D片拖拽功能。 ## 如何插入一段漂亮的代碼片 去[博客設(shè)置](https://mp.csdn.net/console/configBlog)頁面選擇一款你喜歡的代碼片高亮樣式下面展示同樣高亮的 代碼片. javascript // An highlighted block var foo bar;生成一個適合你的列表項目項目項目項目1項目2項目3計劃任務(wù)完成任務(wù)創(chuàng)建一個表格一個簡單的表格是這么創(chuàng)建的項目Value電腦$1600手機$12導(dǎo)管$1設(shè)定內(nèi)容居中、居左、居右使用:---------:居中使用:----------居左使用----------:居右第一列第二列第三列第一列文本居中第二列文本居右第三列文本居左SmartyPantsSmartyPants 是一個文本轉(zhuǎn)換工具主要功能是將普通的 ASCII 標點符號自動轉(zhuǎn)換為更美觀的印刷體標點符號。例如原始符號轉(zhuǎn)換后說明引號“引號”直引號變彎引號單引號‘單引號’直單引號變彎單引號--–兩個連字符變短破折號---—三個連字符變長破折號...…三個點變省略號創(chuàng)建一個自定義列表MarkdownText-to-HTMLconversion toolAuthorsJohnLuke如何創(chuàng)建一個注腳一個具有注腳的文本。1注釋也是必不可少的Markdown將文本轉(zhuǎn)換為HTML。KaTeX數(shù)學(xué)公式您可以使用渲染LaTeX數(shù)學(xué)表達式 KaTeX:Gamma公式展示Γ ( n ) ( n ? 1 ) ! ? n ∈ N \Gamma(n) (n-1)!\quad\forall n\in\mathbb NΓ(n)(n?1)!?n∈N是通過歐拉積分Γ ( z ) ∫ 0 ∞ t z ? 1 e ? t d t . \Gamma(z) \int_0^\infty t^{z-1}e^{-t}dt\,.Γ(z)∫0∞?tz?1e?tdt.你可以找到更多關(guān)于的信息LaTeX數(shù)學(xué)表達式here.新的甘特圖功能豐富你的文章2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-21已完成進行中計劃一計劃二現(xiàn)有任務(wù)Adding GANTT diagram functionality to mermaid關(guān)于甘特圖語法參考 這兒,UML圖表可以使用UML圖表進行渲染例如下面產(chǎn)生的一個序列圖王五李四張三王五李四張三李四想了很長時間, 文字太長了不適合放在一行.你好李四, 最近怎么樣?你最近怎么樣王五我很好謝謝!我很好謝謝!打量著王五...很好... 王五, 你怎么樣?關(guān)于UML圖表語法參考 這兒,流程圖鏈接長方形圓圓角長方形菱形關(guān)于Mermaid語法參考 這兒,FLowchart流程圖我們依舊會支持flowchart.js的流程圖語法Created with Rapha?l 2.3.0開始我的操作確認結(jié)束yesno關(guān)于Flowchart流程圖語法參考 這兒.導(dǎo)出與導(dǎo)入導(dǎo)出如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到文章導(dǎo)出生成一個.md文件或者.html文件進行本地保存。導(dǎo)入如果你想加載一篇你寫過的.md文件在上方工具欄可以選擇導(dǎo)入功能進行對應(yīng)擴展名的文件導(dǎo)入繼續(xù)你的創(chuàng)作。注腳的解釋 ?? 大模型應(yīng)用開發(fā)實戰(zhàn)：從 Prompt 工程到 RAG、Agent 與 MCP 的完整指南
這里寫自定義目錄標題歡迎使用Markdown編輯器一、為什么這四個技術(shù)點必須一起學(xué)二、Prompt 工程與大模型溝通的藝術(shù)2.1 Prompt 的核心要素2.2 進階 Prompt 示例生成一個適合你的列表創(chuàng)建一個表格設(shè)定內(nèi)容居中、居左、居右SmartyPants創(chuàng)建一個自定義列表如何創(chuàng)建一個注腳注釋也是必不可少的KaTeX數(shù)學(xué)公式新的甘特圖功能豐富你的文章UML圖表流程圖FLowchart流程圖導(dǎo)出與導(dǎo)入導(dǎo)出導(dǎo)入歡迎使用Markdown編輯器你好 這是你第一次使用# 大模型應(yīng)用開發(fā)實戰(zhàn)從 Prompt 工程到 RAG、Agent 與 MCP 的完整指南一、為什么這四個技術(shù)點必須一起學(xué)很多開發(fā)者在把大模型應(yīng)用到實際業(yè)務(wù)時都會卡在幾個關(guān)鍵環(huán)節(jié)如何讓模型理解更復(fù)雜的指令Prompt、如何讓模型訪問外部知識RAG、如何讓模型自主完成任務(wù)Agent以及如何讓模型與各種工具安全交互MCP。這四個技術(shù)點看似獨立實則環(huán)環(huán)相扣構(gòu)成了現(xiàn)代 LLM 應(yīng)用的核心骨架。如果你只學(xué) Prompt 工程做出來的應(yīng)用只能回答問題加上 RAG應(yīng)用才能知道答案加上 Agent應(yīng)用才能動手做事再加上 MCP應(yīng)用才能安全地連接外部系統(tǒng)。本文按照這條從易到難的路徑帶你一步步構(gòu)建一個具備知識檢索、自主決策和工具調(diào)用能力的智能應(yīng)用。二、Prompt 工程與大模型溝通的藝術(shù)Prompt提示詞是你與大模型對話的指令集。它不僅僅是問問題更是一種結(jié)構(gòu)化的編程。一個精心設(shè)計的 Prompt 能激發(fā)模型最強的能力而一個糟糕的 Prompt 可能得到完全無關(guān)的回答。2.1 Prompt 的核心要素一個高質(zhì)量的 Prompt 通常包含五個要素角色Role定義模型在對話中扮演的身份如你是一位資深 Java 架構(gòu)師。任務(wù)Task清晰、具體地說明你希望模型完成什么。上下文Context提供完成任務(wù)所需的相關(guān)背景信息。格式Format指定輸出結(jié)果的格式如 JSON、Markdown、代碼塊等。示例Few-shot提供少量輸入-輸出示例讓模型快速理解你的意圖。2.2 進階 Prompt 示例以生成 API 接口文檔為例你是一位經(jīng)驗豐富的技術(shù)文檔撰寫助手。請根據(jù)以下用戶需求生成一份 API 接口文檔。 【用戶需求】 - 接口功能用戶登錄 - - 方法POST - - 路徑/api/v1/auth/login - - 請求參數(shù)username字符串必填password字符串必填 - - 成功響應(yīng){code: 200, message: success, data: {token: xxx}} - - 失敗響應(yīng){code: 401, message: invalid credentials} - 【輸出要求】請以 Markdown 格式輸出必須包含接口說明、請求示例、響應(yīng)示例和錯誤碼四個章節(jié)。 - 這個 Prompt 把角色、任務(wù)、上下文、格式全部明確下來模型輸出的文檔質(zhì)量會遠超幫我寫個接口文檔這種模糊指令。 ### 2.3 提示詞工程的最佳實踐 在實踐中我總結(jié)了幾條經(jīng)驗一是把系統(tǒng)提示詞System Prompt和用戶提示詞分離系統(tǒng)提示詞負責(zé)定義角色和規(guī)則用戶提示詞負責(zé)具體任務(wù)二是善用 Few-shot 示例模型對示例的模仿能力遠超對抽象描述的遵循能力三是明確輸出格式特別是要求 JSON 輸出時要給出完整的字段結(jié)構(gòu)避免模型自由發(fā)揮導(dǎo)致解析失敗。 ## 三、RAG讓模型訪問外部知識 大模型的訓(xùn)練數(shù)據(jù)有截止日期且不包含企業(yè)私有數(shù)據(jù)。RAG檢索增強生成通過先檢索、后生成的方式讓模型在回答問題時先到外部知識庫中檢索相關(guān)資料再基于檢索結(jié)果生成答案。 ### 3.1 RAG 的核心流程 一個標準的 RAG 系統(tǒng)分為離線數(shù)據(jù)預(yù)處理和在線檢索生成兩個階段 **離線階段數(shù)據(jù)接入與處理** 1. 多源文檔解析解析 PDF、Word、Excel、Markdown 等格式提取表格、圖表甚至通過 OCR 識別掃描件。 2. 2. 智能文本分塊Chunking將大文檔切分成數(shù)百 Token 大小的片段并保持適當?shù)纳舷挛闹丿B。 3. 3. 向量化Embedding利用 Embedding 模型將文本塊轉(zhuǎn)化為高維數(shù)學(xué)向量。 4. 4. 向量數(shù)據(jù)庫存儲存入 Milvus、Qdrant、Pinecone 等向量數(shù)據(jù)庫用于后續(xù)的相似度匹配。 **在線階段檢索與生成** 5. 用戶意圖理解與查詢優(yōu)化對用戶輸入進行清洗、擴展、糾錯。 6. 2. 混合檢索Hybrid Search結(jié)合向量檢索語義搜索和全文檢索關(guān)鍵詞/BM25大幅提升召回率。 7. 3. 重排Rerank使用 Reranker 模型對候選片段進行精細化打分剔除噪音。 8. 4. 上下文組裝與 Prompt 注入將用戶問題與檢索到的高質(zhì)量片段打包成特定 Prompt輸入給 LLM。 ### 3.2 RAG 的進階形態(tài) 傳統(tǒng) RAG 是一問一答、一查了事面對復(fù)雜問題時往往力不從心。進階的 Agentic RAG 引入了多步驟的動態(tài)決策過程自主規(guī)劃把復(fù)雜問題拆解成多個子問題、迭代檢索發(fā)現(xiàn)資料不夠時自主重寫查詢詞多搜幾次、自我反思輸出答案前檢查結(jié)論是否完全由檢索到的知識支撐。這種檢索-閱讀-反思-再檢索的動態(tài)循環(huán)能顯著提升復(fù)雜問題的回答質(zhì)量。 ## 四、Agent讓模型自主完成任務(wù) Agent 是具備一定自主性的系統(tǒng)它不僅能思考還能動手。一個完整的 Agent 通常包含以下核心組件 - **規(guī)劃與決策模塊**接收高層級目標并將其分解為一系列可執(zhí)行的子任務(wù)。 - - **工具調(diào)用能力**調(diào)用外部工具如執(zhí)行網(wǎng)絡(luò)搜索、查詢數(shù)據(jù)庫、運行代碼、調(diào)用 API。 - - **記憶與狀態(tài)管理**記住自己的目標、已完成的步驟、獲取到的中間結(jié)果以及工具調(diào)用的歷史。 - - **觀察與反饋循環(huán)**執(zhí)行一個動作后觀察結(jié)果并根據(jù)結(jié)果決定下一步行動形成思考-行動-觀察的循環(huán)。 通俗地講Agent 是一個能自己訂計劃、用工具、記筆記、并不斷調(diào)整策略來完成復(fù)雜任務(wù)的智能程序。 ## 五、MCP讓模型安全地連接外部系統(tǒng) MCPModel Context Protocol是 Anthropic 提出的開放協(xié)議它解決了 Agent 與外部工具交互時的標準化問題。在沒有 MCP 之前每個工具都需要單獨寫適配代碼工具多了之后維護成本極高。MCP 定義了統(tǒng)一的協(xié)議讓模型可以通過標準化的方式發(fā)現(xiàn)工具、調(diào)用工具、接收工具返回結(jié)果。 MCP 的核心價值在于三點一是標準化一套協(xié)議連接所有工具二是安全性通過權(quán)限控制避免模型越權(quán)操作三是可擴展性新增工具只需要實現(xiàn) MCP 協(xié)議不需要改動 Agent 核心邏輯。 ## 六、綜合實戰(zhàn)構(gòu)建一個完整的智能應(yīng)用 把四個技術(shù)點串起來我們可以構(gòu)建一個智能客服應(yīng)用用戶提問后系統(tǒng)先用 RAG 從企業(yè)知識庫檢索相關(guān)資料再通過 Agent 判斷是否需要調(diào)用外部工具如查詢訂單系統(tǒng)最后用 Prompt 工程組織答案輸出。整個鏈路中Prompt 負責(zé)說清楚RAG 負責(zé)找得準Agent 負責(zé)做得到MCP 負責(zé)連得穩(wěn)。 這套架構(gòu)已經(jīng)成為 2026 年大模型應(yīng)用開發(fā)的主流范式。建議開發(fā)者按照先 Prompt、再 RAG、后 Agent、最后 MCP的順序逐步深入每一步都動手實現(xiàn)一個可運行的小項目才能真正掌握這套完整的技術(shù)棧。 **Markdown編輯器** 所展示的歡迎頁。如果你想學(xué)習(xí)如何使用Markdown編輯器, 可以仔細閱讀這篇文章了解一下Markdown的基本語法知識。 ## 新的改變 我們對Markdown編輯器進行了一些功能拓展與語法支持除了標準的Markdown編輯器功能我們增加了如下幾點新功能幫助你用它寫博客 1. **全新的界面設(shè)計** 將會帶來全新的寫作體驗 2. 在創(chuàng)作中心設(shè)置你喜愛的代碼高亮樣式Markdown **將代碼片顯示選擇的高亮樣式** 進行展示 3. 增加了 **圖片拖拽** 功能你可以將本地的圖片直接拖拽到編輯區(qū)域直接展示 4. 全新的 **KaTeX數(shù)學(xué)公式** 語法 5. 增加了支持**甘特圖的mermaid語法[^1]** 功能 6. 增加了 **多屏幕編輯** Markdown文章功能 7. 增加了 **焦點寫作模式、預(yù)覽模式、簡潔寫作模式、左右區(qū)域同步滾輪設(shè)置** 等功能功能按鈕位于編輯區(qū)域與預(yù)覽區(qū)域中間 8. 增加了 **檢查列表** 功能。 [^1]: [mermaid語法說明](https://mermaid.js.org/intro/) ## 功能快捷鍵 撤銷kbdCtrl/Command/kbd kbdZ/kbd 重做kbdCtrl/Command/kbd kbdY/kbd 加粗kbdCtrl/Command/kbd kbdB/kbd 斜體kbdCtrl/Command/kbd kbdI/kbd 標題kbdCtrl/Command/kbd kbdShift/kbd kbdH/kbd 無序列表kbdCtrl/Command/kbd kbdShift/kbd kbdU/kbd 有序列表kbdCtrl/Command/kbd kbdShift/kbd kbdO/kbd 檢查列表kbdCtrl/Command/kbd kbdShift/kbd kbdC/kbd 插入代碼kbdCtrl/Command/kbd kbdShift/kbd kbdK/kbd 插入鏈接kbdCtrl/Command/kbd kbdShift/kbd kbdL/kbd 插入圖片kbdCtrl/Command/kbd kbdShift/kbd kbdG/kbd 查找kbdCtrl/Command/kbd kbdF/kbd 替換kbdCtrl/Command/kbd kbdG/kbd ## 合理的創(chuàng)建標題有助于目錄的生成 直接輸入1次kbd#/kbd并按下kbdspace/kbd后將生成1級標題。 輸入2次kbd#/kbd并按下kbdspace/kbd后將生成2級標題。 以此類推我們支持6級標題。有助于使用TOC語法后生成一個完美的目錄。 ## 如何改變文本的樣式 *強調(diào)文本* _強調(diào)文本_ **加粗文本** __加粗文本__ 標記文本 ~~刪除文本~~ 引用文本 H~2~O is是液體。 2^10^ 運算結(jié)果是 1024. ## 插入鏈接與圖片 鏈接: [link](https://www.csdn.net/). 圖片:  帶尺寸的圖片:  居中的圖片:  居中并且?guī)С叽绲膱D片:  當然我們?yōu)榱俗層脩舾颖憬菸覀冊黾恿藞D片拖拽功能。 ## 如何插入一段漂亮的代碼片 去[博客設(shè)置](https://mp.csdn.net/console/configBlog)頁面選擇一款你喜歡的代碼片高亮樣式下面展示同樣高亮的 代碼片. javascript // An highlighted block var foo bar;生成一個適合你的列表項目項目項目項目1項目2項目3計劃任務(wù)完成任務(wù)創(chuàng)建一個表格一個簡單的表格是這么創(chuàng)建的項目Value電腦$1600手機$12導(dǎo)管$1設(shè)定內(nèi)容居中、居左、居右使用:---------:居中使用:----------居左使用----------:居右第一列第二列第三列第一列文本居中第二列文本居右第三列文本居左SmartyPantsSmartyPants 是一個文本轉(zhuǎn)換工具主要功能是將普通的 ASCII 標點符號自動轉(zhuǎn)換為更美觀的印刷體標點符號。例如原始符號轉(zhuǎn)換后說明引號“引號”直引號變彎引號單引號‘單引號’直單引號變彎單引號--–兩個連字符變短破折號---—三個連字符變長破折號...…三個點變省略號創(chuàng)建一個自定義列表MarkdownText-to-HTMLconversion toolAuthorsJohnLuke如何創(chuàng)建一個注腳一個具有注腳的文本。1注釋也是必不可少的Markdown將文本轉(zhuǎn)換為HTML。KaTeX數(shù)學(xué)公式您可以使用渲染LaTeX數(shù)學(xué)表達式 KaTeX:Gamma公式展示Γ ( n ) ( n ? 1 ) ! ? n ∈ N \Gamma(n) (n-1)!\quad\forall n\in\mathbb NΓ(n)(n?1)!?n∈N是通過歐拉積分Γ ( z ) ∫ 0 ∞ t z ? 1 e ? t d t . \Gamma(z) \int_0^\infty t^{z-1}e^{-t}dt\,.Γ(z)∫0∞?tz?1e?tdt.你可以找到更多關(guān)于的信息LaTeX數(shù)學(xué)表達式here.新的甘特圖功能豐富你的文章2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-21已完成進行中計劃一計劃二現(xiàn)有任務(wù)Adding GANTT diagram functionality to mermaid關(guān)于甘特圖語法參考 這兒,UML圖表可以使用UML圖表進行渲染例如下面產(chǎn)生的一個序列圖王五李四張三王五李四張三李四想了很長時間, 文字太長了不適合放在一行.你好李四, 最近怎么樣?你最近怎么樣王五我很好謝謝!我很好謝謝!打量著王五...很好... 王五, 你怎么樣?關(guān)于UML圖表語法參考 這兒,流程圖鏈接長方形圓圓角長方形菱形關(guān)于Mermaid語法參考 這兒,FLowchart流程圖我們依舊會支持flowchart.js的流程圖語法Created with Rapha?l 2.3.0開始我的操作確認結(jié)束yesno關(guān)于Flowchart流程圖語法參考 這兒.導(dǎo)出與導(dǎo)入導(dǎo)出如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到文章導(dǎo)出生成一個.md文件或者.html文件進行本地保存。導(dǎo)入如果你想加載一篇你寫過的.md文件在上方工具欄可以選擇導(dǎo)入功能進行對應(yīng)擴展名的文件導(dǎo)入繼續(xù)你的創(chuàng)作。注腳的解釋 ??