概述

序列图使用 js-sequence-diagrams 插件实现。

使用

元数据: grammar_sequence

想要使用该语法，需要在设置>扩展语法 里把序列图选项打开。或者在每篇文章的元数据里通过 grammar_sequence 进行控制。

该语法支持两种主题， simple 和 hand 。可以通过全局设置里进行设置，也可以在每个代码块的查询参数里控制。系统默认使用 hand 主题。

1```sequence! 
2小明->小李: 你好 小李, 最近怎么样? 
3Note right of 小李: 小李想了想 
4小李-->小明: 还是老样子 
5``` 

使用 simple 主题的序列图

1```sequence!?theme=simple 
2小明->小李: 你好 小李, 最近怎么样? 
3Note right of 小李: 小李想了想 
4小李-->小明: 还是老样子 
5``` 

使用 simple 主题的序列图

序列语法图

1``` sequence! 
2Title: 几种不同风格的连线 
3A->B: 实体箭头实体线 
4B-->C: 实体箭头虚线 
5C->>D: 空心箭头实体线 
6D-->>A: 空心箭头虚线 
7``` 

1``` sequence! 
2Note left of A: 居左标注 
3Note right of A: 居右标注 
4Note over A: 横跨单个结点的标注 
5Note over A,B: 横跨两个结点的标注 
6Note over A,B,C: 支持换行的标注 
7``` 

1``` sequence! 
2participant C 
3participant B 
4participant A 
5Note right of A: 通过对 participants 的顺序调整\n 改变序列图显示的顺序 
6``` 