图表

目前,Hextra 支持使用 Mermaid 来绘制图表。

Mermaid

Mermaid 是一个基于 JavaScript 的图表工具,它通过类似 Markdown 的文本定义,在浏览器中动态生成图表。例如,Mermaid 可以渲染流程图、序列图、饼图等。

在 Hextra 中使用 Mermaid 非常简单,只需编写一个语言设置为 mermaid 的代码块:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

将会渲染为:

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

序列图示例:

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: 你好 John,最近怎么样?
    loop 健康检查
        John->>John: 与疑病症作斗争
    end
    Note right of John: 理性思考 
占据上风! John-->>Alice: 很好! John->>Bob: 你怎么样? Bob-->>John: 非常好!

更多信息,请参考 Mermaid 文档

最后更新于