也许你不知道,你已经用上了mermaid

418 阅读1分钟

Mermaid是一种流行的开源图表库,可以用于创建各种各样的图表,例如流程图、时序图、甘特图等等。它使用简单的文本语言来描述图表,使得用户可以轻松地创建和共享自己的图表。Mermaid的优势在于其易用性和灵活性,可以充分满足不同用户的需求。同时,Mermaid也具有可扩展性,可以通过插件来增强其功能。总之,Mermaid是一个强大而易于使用的工具,可以帮助用户更好地展示和共享自己的想法。

有在IDE上写作,特别是GoLand的同学,肯定知道,像下面的这么一段代码,就能得到这么一张图

```mermaid

sequenceDiagram

Alice->>John: Hello John, how are you?

John-->>Alice: Great!

Alice-)John: See you later!


sequenceDiagram

Alice->>John: Hello John, how are you?

John-->>Alice: Great!

Alice-)John: See you later!

但如果说把代码写成这样

```mermaid

sequenceDiagram

Alice->>Bob: Hello Bob, how are you ?

Bob->>Alice: Fine, thank you. And you?

create participant Carl

Alice->>Carl: Hi Carl!

create actor D as Donald

Carl->>D: Hi!

destroy Carl

Alice-xCarl: We are too many

destroy Bob

Bob->>Alice: I agree

则会得到这个

error1.png

(这里说的就是“当前 version 为 8.9.1 的 mermaid 不支持这样的语句”)

如果在别的地方,比如是YX笔记的markdown笔记,也是会是这样的报错

error2.png

(从这里可以看到,YX笔记里也是有用 mermaid ,而且版本还更古老)

其实,从 ```mermaid 这里就能看到,相关的图表功能,其实就是在调用 mermaid 。

那么如何用 mermaid 快速写出自己想要的图表?我们下次再聊。