Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。 之前用过 PlantUML,但是发现这个东西的实现原理是生成 UML 的图片后上传服务端,每次再从服务端读取,因此觉得不够鲁棒,隐私性也不好,因而弃 ...
简介 目前博客园支持mermaid的graph,subgraph,sequenceDiagram,gantt,classDiagram mermaid 美人鱼 , 是一个类似markdown,用文本语法来描述文档图形的工具。mermaid语法包含在博客园markdown中。 注释为: 插入为: 以下的例如只列举代码 mermaid 代码 或 graph 流程图 关键字graph表示一个流程图的开始 ...
2020-07-23 21:47 0 1541 推荐指数:
Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。 之前用过 PlantUML,但是发现这个东西的实现原理是生成 UML 的图片后上传服务端,每次再从服务端读取,因此觉得不够鲁棒,隐私性也不好,因而弃 ...
流程图的示例 时序图的示例 甘特图的示例 FAQ 很多时候,你想解释自己的想法/代码,但是用语言来表达会很啰嗦,并且读者也不易理解。一般这种情况下,我们都会想使用图解来解释。但是,我们也不会想下载那些繁重的工具,比如Visio。 Mermaid 是一个用来 ...
甘特图 甘特图(Gantt chart)又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特 ...
1. Mermaid 点我查看官方文档 mermaid的语法研究 所有代码包裹在``里面 需用mermaid标识 基本构成 node(节点) edge(边) text(文本内容) 如 simple introduce ...
作者:黄永刚 mermaid简介 当撰写文档的时候,对于流程图的生成大多使用Visio等繁重的工具,没有一种轻便的工具能够画图从而简化文档的编写,就像markdown那样。 mermaid解决这个痛点,这是一个类似markdown语法的脚本语言,通过JavaScript实现 ...
序列图(时序图) 序列图是一种交互图,它显示了进程如何相互操作以及按什么顺序操作。 sequenceDiagram participant l as 大灰狼 participan ...
Markdown教程<2> mermaid图形绘制(1) 博客园中的markdown编辑器同时支持mermaid图表引擎与tex公式引擎,可以使用mermaid直接画出流程图,时序图,甘特图等,比较方便,下面介绍一下在markdown中使用mermaid绘制图表 注意 ...
1. mermaid:示意图 vscode 中安装 mermaid 插件以后,可以很容易地画示意图,例如: 上面最后一行应为```,显示不了,所以用'''示意。效果如下: 还可以做出更多细致的效果,参考:https://blog.csdn.net/swinfans/article ...