a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: ...

Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。 之前用过 PlantUML，但是发现这个东西的实现原理是生成 UML 的图片后上传服务端，每次再从服务端读取，因此觉得不够鲁棒，隐私性也不好，因而弃 ...

mermaid简介 请使用亮色主题观看 举个例子 graph LR; s-->|23333333|1 1-->|23333333|t 1-->|1|2 2-->|23333333|t s-->|23333333|2 Graph 关键字 ...

流程图的示例 时序图的示例 甘特图的示例 FAQ 很多时候，你想解释自己的想法/代码，但是用语言来表达会很啰嗦，并且读者也不易理解。一般这种情况下，我们都会想使用图解来解释。但是，我们也不会想下载那些繁重的工具，比如Visio。 Mermaid 是一个用来 ...

　　这几天在学习typora时，觉得markdown的做图表功能太强大了，但是在做到关联图（ER图），发现typora对其支持有问题，打算装个mermaid(美人鱼)，过程可谓是步步有坑，也学我用的比较少，少见多怪，记录如下： 0、安装yarn 　　sudo pacman -S yarn ...

简介 目前博客园支持mermaid的graph，subgraph，sequenceDiagram，gantt，classDiagram mermaid(美人鱼), 是一个类似markdown，用文本语法来描述文档图形的工具。mermaid语法包含在博客园markdown中。 注释为： 插入 ...

简介 Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。 Mermaid 作为一个使用 JS 渲染的库，生成的不是一个“图片”，而是一段 HTML 代码，因此安全许多。 官网：https ...

甘特图 甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特 ...