Quartz 支持 Mermaid 图表功能,允许您在笔记中添加图表和图形。Mermaid 支持多种图表类型,例如流程图序列图时间线。该功能作为Obsidian 兼容性的一部分启用,可通过该插件进行配置和启用/禁用。

默认情况下,Quartz 会渲染 Mermaid 图表以匹配网站主题。

Warning

想知道为什么即使启用了 Mermaid 图表仍可能无法显示?您可能需要重新排序插件,确保Obsidian风格Markdown插件位于语法高亮插件_之后_。

语法

要添加 Mermaid 图表,请创建一个 mermaid 代码块:

graph TD
  A[Enter Chart] --> B(Process)
  B --> C{Decision}
  C -->|Yes| D[Result 1]
  C -->|No| E[Result 2]
```mermaid


```mermaid
sequenceDiagram
    Alice->>+John: 你好 John,最近怎么样?
    Alice->>+John: John,你能听到我吗?
    John-->>-Alice: 你好 Alice,我能听到你!
    John-->>-Alice: 我感觉很好!
```
```
sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!