格式化內容與圖表
使用 Markdown 格式化與渲染互動式 Mermaid 流程圖的指南
了解如何使用 Markdown 格式化文字,並在 Atoms 中渲染互動式 Mermaid 圖表。
顯示格式化的 Markdown 內容
Atoms 原生支援在聊天回應、文件與渲染檢視中使用 Markdown 格式。
支援的 Markdown 元素
- 標題:使用
#、##或###來建立有結構的章節標題。 - 強調:使用
**bold**或*italic*文字。 - 清單:使用
-或1.建立項目符號清單與編號清單。 - 程式碼區塊:使用三個反引號()包住程式碼片段,並啟用語言語法醒目提示。
若要要求格式化輸出,只需指示你的 AI 智能體:
- "請以清楚的 Markdown 格式回應,並加入小標題與項目符號。"
顯示與渲染 Mermaid 圖表
Atoms 支援使用 Mermaid.js 渲染流程圖、時序圖與架構圖。
如何產生 Mermaid 圖表
提示你的 AI 智能體產生 Mermaid 圖表:
- "產生一個說明使用者驗證生命週期的 Mermaid 流程圖。"
你的智能體會輸出標準的 Mermaid 程式碼區塊:
mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];
Atoms 會自動剖析此區塊,並在你的檢視中將其渲染為互動式視覺圖表。
這個頁面有幫助嗎?