Mermaid 图表示例
展示 Fumadocs 中 Mermaid 图表的使用
Mermaid 集成
Fumadocs 支持通过 mermaid 代码块直接创建各种类型的图表。
流程图 (Flowchart)
基础流程图
复杂流程图
时序图 (Sequence Diagram)
状态图 (State Diagram)
实体关系图 (ER Diagram)
饼图 (Pie Chart)
甘特图 (Gantt Chart)
类图 (Class Diagram)
注意事项
- 所有图表都支持暗色模式自动切换
- 图表会在首次渲染时延迟加载（动态导入 mermaid）
- 相同的图表会被缓存以提高性能
- 使用标准的 mermaid 语法即可，无需额外配置