Atoms
技巧與教學

格式化內容與圖表

使用 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 會自動剖析此區塊,並在你的檢視中將其渲染為互動式視覺圖表。

這個頁面有幫助嗎?

相關文章