关于『进击的Markdown』:第三弹

关于『进击的Markdown』:第三弹

~~建议缩放90%食用~~

我与神明画押，赌这弹markdown又双叒叕拖稿了
~~%%%Markdown!我的CSDN编辑器崩了呜呜呜~~

tupian

各路英雄豪杰，大家好！

~~我们要开始Markdown的学习了呢~~

Markdown 语法真香
~~(疯狂安利)~~

~~( 进击吧！Markdown！)~~

Markdown进阶系列向你开炮，请注意接收🔫🔫🔫

时间就是性命，无端的空耗别人的时间，其实是无异于谋财害命的

~~那我们就不废话了~~

~~又叒要为大家带来 (正当时的) Markdown了呢~~~

不过像我们这样坐着乘风凉，谈闲天的人们，可又是例外

~~那正文就开始了~~

注：编者用的CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能，所以有些写法浏览器不支持，请见谅（CSDN编辑器它崩了呜呜呜）

声明：~~因为我的编辑器崩了，~~ 呜呜呜见谅呜呜呜）

UML图:序列图语法（上）

UML是一个通用的标准建模语言
UML图，包括用例图、类图、对象图、状态图、活动图、顺序图、协作图、构件图、部署图9种，包图、组合结构图、交互概览图3种
详见 -> UML图
序列图是一种交互图，它显示了进程如何相互操作以及以何种顺序运行

一.句法

(一). 参与者

参与者可以像第一个示例中那样隐式定义
参与者按在图表源文本中出现的顺序呈现
若希望以不同于他们在第一条消息中出现的顺序显示参与者。可以通过执行一些操作来指定演员的出现顺序，见第二个示例

代码(第一个示例)：

```mermaid

sequenceDiagram

罗翔–>>102: 人心隐藏着整个世界的败坏，我们每个人心中都藏着一个张三

罗翔–>>102: 其实大家会发现，读书是一个悖论

102->>罗翔: 。。。

罗翔–>>102:人是无价之宝，人永远高于动物

```

效果：

代码(第二个示例)：

```mermaid

sequenceDiagram

participant Mary

participant Lily

Mary->>Lily: Hello,girl!

Lily–>>Mary:Hi!

Mary->>Lily: How are you today？

Lily–>>Mary: I’m fine.Thanks.

```

效果：

(二). 别名

参与者可以有一个方便的标识符和一个描述性标签。

代码：

```mermaid

sequenceDiagram

participant A as Alice

participant J as John

A->>J: Hello John, how are you?

J->>A: Great!

```

效果：

二. 留言

消息可以显示两条实线或虚线

类型	说明
->	没有箭头的实线
–>	没有箭头的虚线
->>	带箭头的实线
–>>	带箭头的虚线
-X	实线末尾有一个十字
–x	末端带有十字的虚线
-)	实线末尾有一个开放箭头（异步）
–)	末尾带有开放箭头的虚线（异步）

三. 激活

可以激活和停用参与者
(de)activation 是专用声明

代码：

```mermaid

sequenceDiagram

Alice->>John: Hello John, how are you?

activate John

John–>>Alice: Great!

deactivate John

```

效果：

通过在消息箭头后附加 + / - 后缀，还有一个快捷表示法：

代码：

```mermaid

sequenceDiagram

Alice->>+John: Hello John, how are you?

John–>>-Alice: Great!

```

效果：

可以为同一参与者堆叠激活:
代码：

```mermaid

sequenceDiagram

Alice->>+John: Hello John, how are you?

Alice->>+John: John, can you hear me?

John–>>-Alice: Great!

John–>>-Alice: I feel great!

```

效果：

四. 注释

可以向序列图中添加注释

格式：

Note right of 参与者:

Note left of 参与者:

Note over 参与者:

注：right 在右边添加，left在左边添加,over在下方添加

代码：

```mermaid

sequenceDiagram

participant John

Note left of John: Text in note

```

还可以创建跨越两个参与者的笔记：

代码：

```mermaid

sequenceDiagram

participant John

Note left of John: Text in note

```

效果：

五. 循环

可以在序列图中表达循环

格式：

loop Loop text

… 代码 …

end

代码：

```mermaid

sequenceDiagram

participant John

Note left of John: Text in note

```

六. 替代

可以在序列图中表达替代路径

格式：

lalt Describing text

… statements …

else

… statements …

end

或者如果有可选的序列（如果没有其他）

格式：

opt Describing text

… statements …

end

代码：

```mermaid

sequenceDiagram

Alice->>Bob: Hello Bob, how are you?

alt is sick

Bob->>Alice: Not so good 😦

else is well

endfresh like a daisy

```

效果：

七. 平行线

可以显示并行发生的操作

格式：

par [Action 1]

… 代码 …

and [Action 2]

… 代码 …

and [Action N]

… 代码 …

end

代码：

~~相信你一定能举一反三哒~~

也可以嵌套并行块

代码：

~~相信你一定能举一反三哒~~

八. 背景高亮

可以通过提供彩色背景矩形来突出显示流
颜色使用 rgb 和 rgba 语法定义

格式：

rect rgb(0, 255, 0)

… 内容 …

end

rect rgba(0, 0, 255, .1)

… 内容 …

end

代码：

~~相信你一定能举一反三哒~~

九. 注释

可以在序列图中输入注释，解析器将忽略这些注释。注释需要在自己的行上，并且必须以%%（双百分号）开头。下一个换行符的注释开始之后的任何文本都将被视为注释

格式：

%% 注释

代码：

~~注释应该不需要代码教吧。。。~~

十. 转义字符

转义字符表传送门

十一. 序列号

可以在序列图中的每个箭头上附加一个序列号

添加：

<script>

mermaid.initialize({

sequence: { showSequenceNumbers: true },

});

</script>

它也可以通过图表代码打开

代码：

```mermaid

sequenceDiagram

autonumber

Alice->>John: Hello John, how are you?

loop Healthcheck

John->>John: Fight against hypochondria

end

Note right of John: Rational thoughts!

John–>>Alice: Great!

John->>Bob: How about you?

Bob–>>John: Jolly good!

```

效果：