总结一下最近比较喜欢用的markdown语法

Mardown中有个mermaid（翻译过来为美人鱼）插件，可以很方便的通过代码绘制各种图

网上有相关详细的使用资料mermaid官方实例以及可以在线编辑实时预览的mermaid编辑器

为节省大家时间，我简单说一下常用的用法

流程图

效果	语法	含义
竖向流程图	graph TD	定义在第一行，标识是一个竖向流程图
横向流程图	graph LR	定义在第一行，标识是一个横向流程图
圆角起止框	变量名(显示文字)	定义一个开始或结束的圆角框
方形处理框	变量名[显示文字]	定义一个处理框
分支判断框	变量名{显示文字}	定义一个if判断框
流程流向	变量名–>变量名	表示从哪一步到哪一步

实例：

源代码

graph TD
A(这是圆角起止框) --> B[这是方形处理框]  --> C{这是if分支判断框}

C --> | T 这是if分支的描述 | D[这是if分支的True分支]
C --> | F 这是if分支的描述 | E[这是if分支的False分支]

D --> F
E --> F

F(结束)

时序图

我使用的是mermaid下的sequenceDiagram绘制的

时序图从上往下依次表示执行顺序

效果	语法	含义
消息流向	对象 ->> 对象：描述	表示消息从一个对象流向另一个对象
消息处理	Note over 对象	在某个对象内部进行消息处理

实例：

源代码：

sequenceDiagram
A端->> B端: 这是从A端到B端的描述
Note over B端: 这是在B端内部进行处理
B端->> A端: 这是从B端到A端的描述

顺便大家使用是注意，如果使用mermaid代码，需要在```后加上mermaid才能使里面的代码生效

更多示例请参考：Markdown 进阶技能：用代码画时序图

折叠下文

<details>
  <summary><mark><font color=darkred>点击查看详细内容</font></mark></summary>
  <pre><code>  
	折叠内容
  </code></pre>
</details>