『码图』而非『画图』——Mermaid语法简介

相信对于程序员来说，markdown这一个词应该不陌生。markdown的语法很简单，但简单的语法也可以扩展出许多高级的方法。 本文就是来介绍其中一个高级用法——mermaid

什么是mermaid？mermaid是一个方便（相对于经常敲代码的人(✿◠‿◠)）的绘制流程图的js工具。 严格来说，mermaid并不是markdown自带的语法。但目前多数markdown(严格来说应该是markdown-mmd)都支持mermaid。

mermaid可以支持如下种类的图(2024-03-06)

• 流程图(flowchart)
• 序列图(sequenceDiagram)
• 类图(classDiagram)
• 状态图(stateDiagram-v2)
• 实体关系图(erDiagram)
• 甘特图(gantt)
• 用户旅程图(journey)
• Git图(gitGraph)
• 饼图(pie)
• 简单版的思维导图(mindmap)
• 四象限图(quadrantChart)
• 柱状图(xychart-beta)
• 框图(block-beta)

这里是在线的mermaid编辑器

既然文章的题目叫简介，那么肯定讲得不如官方文档详细。我只是记录一些基本的语法，以及我遇到的问题

流程图