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 会自动解析此代码块,并在你的视图中将其渲染为交互式可视化图表。

此页面对你有帮助吗?

相关文章