用 Typora 编写博客

科技2025-10-13 11

用 Typora 编写博客

Typora 是一款流行的 Markdown 编辑器，不完美，内容多了会卡；这货是免费的！

Markdown

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档

Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档

Markdown 编写的文档后缀为 .md, .markdown

Markdown 标题

先输入两个#号，再输入一个空格和标题的文字，再回车

# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题

提升或降低标题级别：ctrl+=、ctrl±、ctrl+数字（小键盘上的不好使）

关于标题的内容，一个心得：把关键词放上去

Markdown 段落

摸索发现：回车了就是新的段落了，一直不回车的话，直到一行都结束，下一行开始了，该段落的每一行都是紧凑的。

字体

有三种形式：斜体、粗体、斜体加粗体

怎么搞出来的呢？前后加一颗星、两颗星、三颗星（或者不加星而加下划线）

实际写的时候用快捷键：斜体ctrl+i、粗体ctrl+b

骚操作：下划线ctrl+u、删除线ait+shift+5

也可以鼠标点击格式菜单选项，另外源代码模式也可以看出格式写法

分割线

三个以上的星号或井号或下划线都可以搞出一个分割线来

如这行字的上方，只是有些不明显，后面自定义好看点的

脚注

就是鼠标放上去后，弹出框中提示的内容

怎么搞出来呢?鼠标操作→段落→脚注

Markdown 列表

无序列表：星号或加号或减号，加上一个空格，加上内容

星号可以加号和减号也可以，但是怎么结束这个列表的编辑呢?答案是ctrl+[

有序列表：数字加上点号加空格加内容

可以成功同样的问题，怎么退出这个列表编辑状态呢?答案是ctrl+[四个空格等价

有序列表和无序列表可以进行嵌套

Markdown 区块

引用、说明、PS

三月七日，沙湖道中遇雨，雨具先去，同行皆狼狈，余独不觉。已而遂晴，故作此词。

怎么搞出来的呢？尖括号加空格。这个颜色可以自定义好看点的

里边可结合列表使用，这样让列表看起来舒服点

Markdown 代码

$(document).ready(function () { alert('RUNOOB'); });

怎么搞成这么优美的样子呢？①直接按tab键后粘贴代码再填语言类型，或②先按三下反引号填语言再粘贴代码，或③也可以不管语言直接粘贴代码

Markdown 链接

有两种形式：

中括号接括弧形式，前者是名称后者是链接地址

或者

<链接地址>

Markdown 图片

感叹号加中括号加括弧，中括号内为图片名称，括弧内为图片路径

可设置smms图床(qq邮箱)，不行再试试这里

但是有个问题，服务器图片满了咋整~

Markdown 表格

使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行

| 表头 | 表头 | | ---- | ---- |这一行配合冒号使用可以控制对齐格式 | 单元格 | 单元格 | | 单元格 | 单元格 | 表头表头单元格单元格单元格单元格

Markdown 高级技巧

\转义字符

去掉特殊含义

快捷键

组合键作用ctrl+shift+i插入图片ctrl+k插入链接ctrl+t插入表格ctrl+L选中当前行ctrl+d选中单词ctrl+h替换

一些好玩的：全屏模式、专注模式、打字机器模式

Markdown 画图

具体怎么玩还要进一步研究

横向流程图源码格式

#mermaid-svg-2ncv9YMbTTFDc0Zd .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .label text{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .node rect,#mermaid-svg-2ncv9YMbTTFDc0Zd .node circle,#mermaid-svg-2ncv9YMbTTFDc0Zd .node ellipse,#mermaid-svg-2ncv9YMbTTFDc0Zd .node polygon,#mermaid-svg-2ncv9YMbTTFDc0Zd .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-2ncv9YMbTTFDc0Zd .node .label{text-align:center;fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .node.clickable{cursor:pointer}#mermaid-svg-2ncv9YMbTTFDc0Zd .arrowheadPath{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-2ncv9YMbTTFDc0Zd .flowchart-link{stroke:#333;fill:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-2ncv9YMbTTFDc0Zd .edgeLabel rect{opacity:0.9}#mermaid-svg-2ncv9YMbTTFDc0Zd .edgeLabel span{color:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-2ncv9YMbTTFDc0Zd .cluster text{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-2ncv9YMbTTFDc0Zd .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-2ncv9YMbTTFDc0Zd text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .actor-line{stroke:grey}#mermaid-svg-2ncv9YMbTTFDc0Zd .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .sequenceNumber{fill:#fff}#mermaid-svg-2ncv9YMbTTFDc0Zd #sequencenumber{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd #crosshead path{fill:#333;stroke:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .messageText{fill:#333;stroke:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-2ncv9YMbTTFDc0Zd .labelText,#mermaid-svg-2ncv9YMbTTFDc0Zd .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .loopText,#mermaid-svg-2ncv9YMbTTFDc0Zd .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-2ncv9YMbTTFDc0Zd .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-2ncv9YMbTTFDc0Zd .noteText,#mermaid-svg-2ncv9YMbTTFDc0Zd .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-2ncv9YMbTTFDc0Zd .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-2ncv9YMbTTFDc0Zd .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-2ncv9YMbTTFDc0Zd .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .section{stroke:none;opacity:0.2}#mermaid-svg-2ncv9YMbTTFDc0Zd .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-2ncv9YMbTTFDc0Zd .section2{fill:#fff400}#mermaid-svg-2ncv9YMbTTFDc0Zd .section1,#mermaid-svg-2ncv9YMbTTFDc0Zd .section3{fill:#fff;opacity:0.2}#mermaid-svg-2ncv9YMbTTFDc0Zd .sectionTitle0{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .sectionTitle1{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .sectionTitle2{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .sectionTitle3{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-2ncv9YMbTTFDc0Zd .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .grid path{stroke-width:0}#mermaid-svg-2ncv9YMbTTFDc0Zd .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-2ncv9YMbTTFDc0Zd .task{stroke-width:2}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText:not([font-size]){font-size:11px}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-2ncv9YMbTTFDc0Zd .task.clickable{cursor:pointer}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText0,#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText1,#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText2,#mermaid-svg-2ncv9YMbTTFDc0Zd .taskText3{fill:#fff}#mermaid-svg-2ncv9YMbTTFDc0Zd .task0,#mermaid-svg-2ncv9YMbTTFDc0Zd .task1,#mermaid-svg-2ncv9YMbTTFDc0Zd .task2,#mermaid-svg-2ncv9YMbTTFDc0Zd .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutside0,#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutside2{fill:#000}#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutside1,#mermaid-svg-2ncv9YMbTTFDc0Zd .taskTextOutside3{fill:#000}#mermaid-svg-2ncv9YMbTTFDc0Zd .active0,#mermaid-svg-2ncv9YMbTTFDc0Zd .active1,#mermaid-svg-2ncv9YMbTTFDc0Zd .active2,#mermaid-svg-2ncv9YMbTTFDc0Zd .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-2ncv9YMbTTFDc0Zd .activeText0,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeText1,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeText2,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeText3{fill:#000 !important}#mermaid-svg-2ncv9YMbTTFDc0Zd .done0,#mermaid-svg-2ncv9YMbTTFDc0Zd .done1,#mermaid-svg-2ncv9YMbTTFDc0Zd .done2,#mermaid-svg-2ncv9YMbTTFDc0Zd .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-2ncv9YMbTTFDc0Zd .doneText0,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneText1,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneText2,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneText3{fill:#000 !important}#mermaid-svg-2ncv9YMbTTFDc0Zd .crit0,#mermaid-svg-2ncv9YMbTTFDc0Zd .crit1,#mermaid-svg-2ncv9YMbTTFDc0Zd .crit2,#mermaid-svg-2ncv9YMbTTFDc0Zd .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCrit0,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCrit1,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCrit2,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCrit0,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCrit1,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCrit2,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-2ncv9YMbTTFDc0Zd .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-2ncv9YMbTTFDc0Zd .milestoneText{font-style:italic}#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCritText0,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCritText1,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCritText2,#mermaid-svg-2ncv9YMbTTFDc0Zd .doneCritText3{fill:#000 !important}#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCritText0,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCritText1,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCritText2,#mermaid-svg-2ncv9YMbTTFDc0Zd .activeCritText3{fill:#000 !important}#mermaid-svg-2ncv9YMbTTFDc0Zd .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-2ncv9YMbTTFDc0Zd g.classGroup text .title{font-weight:bolder}#mermaid-svg-2ncv9YMbTTFDc0Zd g.clickable{cursor:pointer}#mermaid-svg-2ncv9YMbTTFDc0Zd g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-2ncv9YMbTTFDc0Zd g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-2ncv9YMbTTFDc0Zd .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-2ncv9YMbTTFDc0Zd .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .dashed-line{stroke-dasharray:3}#mermaid-svg-2ncv9YMbTTFDc0Zd #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd .commit-id,#mermaid-svg-2ncv9YMbTTFDc0Zd .commit-msg,#mermaid-svg-2ncv9YMbTTFDc0Zd .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-2ncv9YMbTTFDc0Zd g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-2ncv9YMbTTFDc0Zd g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-2ncv9YMbTTFDc0Zd g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-2ncv9YMbTTFDc0Zd .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-2ncv9YMbTTFDc0Zd .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-2ncv9YMbTTFDc0Zd .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-2ncv9YMbTTFDc0Zd .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-2ncv9YMbTTFDc0Zd .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-2ncv9YMbTTFDc0Zd .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-2ncv9YMbTTFDc0Zd .edgeLabel text{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-2ncv9YMbTTFDc0Zd .node circle.state-start{fill:black;stroke:black}#mermaid-svg-2ncv9YMbTTFDc0Zd .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-2ncv9YMbTTFDc0Zd #statediagram-barbEnd{fill:#9370db}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-state .divider{stroke:#9370db}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-2ncv9YMbTTFDc0Zd .note-edge{stroke-dasharray:5}#mermaid-svg-2ncv9YMbTTFDc0Zd .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-2ncv9YMbTTFDc0Zd .error-icon{fill:#522}#mermaid-svg-2ncv9YMbTTFDc0Zd .error-text{fill:#522;stroke:#522}#mermaid-svg-2ncv9YMbTTFDc0Zd .edge-thickness-normal{stroke-width:2px}#mermaid-svg-2ncv9YMbTTFDc0Zd .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-2ncv9YMbTTFDc0Zd .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-2ncv9YMbTTFDc0Zd .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-2ncv9YMbTTFDc0Zd .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-2ncv9YMbTTFDc0Zd .marker{fill:#333}#mermaid-svg-2ncv9YMbTTFDc0Zd .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-2ncv9YMbTTFDc0Zd { color: rgba(0, 0, 0, 0.75); font: ; } a=1 a=2 方形圆角条件a 结果1 结果2 横向流程图

竖向流程图源码格式

#mermaid-svg-laKVRsb9nf3bUtni .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-laKVRsb9nf3bUtni .label text{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .node rect,#mermaid-svg-laKVRsb9nf3bUtni .node circle,#mermaid-svg-laKVRsb9nf3bUtni .node ellipse,#mermaid-svg-laKVRsb9nf3bUtni .node polygon,#mermaid-svg-laKVRsb9nf3bUtni .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-laKVRsb9nf3bUtni .node .label{text-align:center;fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .node.clickable{cursor:pointer}#mermaid-svg-laKVRsb9nf3bUtni .arrowheadPath{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-laKVRsb9nf3bUtni .flowchart-link{stroke:#333;fill:none}#mermaid-svg-laKVRsb9nf3bUtni .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-laKVRsb9nf3bUtni .edgeLabel rect{opacity:0.9}#mermaid-svg-laKVRsb9nf3bUtni .edgeLabel span{color:#333}#mermaid-svg-laKVRsb9nf3bUtni .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-laKVRsb9nf3bUtni .cluster text{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-laKVRsb9nf3bUtni .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-laKVRsb9nf3bUtni text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-laKVRsb9nf3bUtni .actor-line{stroke:grey}#mermaid-svg-laKVRsb9nf3bUtni .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-laKVRsb9nf3bUtni .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-laKVRsb9nf3bUtni #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-laKVRsb9nf3bUtni .sequenceNumber{fill:#fff}#mermaid-svg-laKVRsb9nf3bUtni #sequencenumber{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni #crosshead path{fill:#333;stroke:#333}#mermaid-svg-laKVRsb9nf3bUtni .messageText{fill:#333;stroke:#333}#mermaid-svg-laKVRsb9nf3bUtni .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-laKVRsb9nf3bUtni .labelText,#mermaid-svg-laKVRsb9nf3bUtni .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-laKVRsb9nf3bUtni .loopText,#mermaid-svg-laKVRsb9nf3bUtni .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-laKVRsb9nf3bUtni .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-laKVRsb9nf3bUtni .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-laKVRsb9nf3bUtni .noteText,#mermaid-svg-laKVRsb9nf3bUtni .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-laKVRsb9nf3bUtni .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-laKVRsb9nf3bUtni .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-laKVRsb9nf3bUtni .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-laKVRsb9nf3bUtni .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .section{stroke:none;opacity:0.2}#mermaid-svg-laKVRsb9nf3bUtni .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-laKVRsb9nf3bUtni .section2{fill:#fff400}#mermaid-svg-laKVRsb9nf3bUtni .section1,#mermaid-svg-laKVRsb9nf3bUtni .section3{fill:#fff;opacity:0.2}#mermaid-svg-laKVRsb9nf3bUtni .sectionTitle0{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .sectionTitle1{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .sectionTitle2{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .sectionTitle3{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-laKVRsb9nf3bUtni .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .grid path{stroke-width:0}#mermaid-svg-laKVRsb9nf3bUtni .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-laKVRsb9nf3bUtni .task{stroke-width:2}#mermaid-svg-laKVRsb9nf3bUtni .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .taskText:not([font-size]){font-size:11px}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-laKVRsb9nf3bUtni .task.clickable{cursor:pointer}#mermaid-svg-laKVRsb9nf3bUtni .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-laKVRsb9nf3bUtni .taskText0,#mermaid-svg-laKVRsb9nf3bUtni .taskText1,#mermaid-svg-laKVRsb9nf3bUtni .taskText2,#mermaid-svg-laKVRsb9nf3bUtni .taskText3{fill:#fff}#mermaid-svg-laKVRsb9nf3bUtni .task0,#mermaid-svg-laKVRsb9nf3bUtni .task1,#mermaid-svg-laKVRsb9nf3bUtni .task2,#mermaid-svg-laKVRsb9nf3bUtni .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutside0,#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutside2{fill:#000}#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutside1,#mermaid-svg-laKVRsb9nf3bUtni .taskTextOutside3{fill:#000}#mermaid-svg-laKVRsb9nf3bUtni .active0,#mermaid-svg-laKVRsb9nf3bUtni .active1,#mermaid-svg-laKVRsb9nf3bUtni .active2,#mermaid-svg-laKVRsb9nf3bUtni .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-laKVRsb9nf3bUtni .activeText0,#mermaid-svg-laKVRsb9nf3bUtni .activeText1,#mermaid-svg-laKVRsb9nf3bUtni .activeText2,#mermaid-svg-laKVRsb9nf3bUtni .activeText3{fill:#000 !important}#mermaid-svg-laKVRsb9nf3bUtni .done0,#mermaid-svg-laKVRsb9nf3bUtni .done1,#mermaid-svg-laKVRsb9nf3bUtni .done2,#mermaid-svg-laKVRsb9nf3bUtni .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-laKVRsb9nf3bUtni .doneText0,#mermaid-svg-laKVRsb9nf3bUtni .doneText1,#mermaid-svg-laKVRsb9nf3bUtni .doneText2,#mermaid-svg-laKVRsb9nf3bUtni .doneText3{fill:#000 !important}#mermaid-svg-laKVRsb9nf3bUtni .crit0,#mermaid-svg-laKVRsb9nf3bUtni .crit1,#mermaid-svg-laKVRsb9nf3bUtni .crit2,#mermaid-svg-laKVRsb9nf3bUtni .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-laKVRsb9nf3bUtni .activeCrit0,#mermaid-svg-laKVRsb9nf3bUtni .activeCrit1,#mermaid-svg-laKVRsb9nf3bUtni .activeCrit2,#mermaid-svg-laKVRsb9nf3bUtni .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-laKVRsb9nf3bUtni .doneCrit0,#mermaid-svg-laKVRsb9nf3bUtni .doneCrit1,#mermaid-svg-laKVRsb9nf3bUtni .doneCrit2,#mermaid-svg-laKVRsb9nf3bUtni .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-laKVRsb9nf3bUtni .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-laKVRsb9nf3bUtni .milestoneText{font-style:italic}#mermaid-svg-laKVRsb9nf3bUtni .doneCritText0,#mermaid-svg-laKVRsb9nf3bUtni .doneCritText1,#mermaid-svg-laKVRsb9nf3bUtni .doneCritText2,#mermaid-svg-laKVRsb9nf3bUtni .doneCritText3{fill:#000 !important}#mermaid-svg-laKVRsb9nf3bUtni .activeCritText0,#mermaid-svg-laKVRsb9nf3bUtni .activeCritText1,#mermaid-svg-laKVRsb9nf3bUtni .activeCritText2,#mermaid-svg-laKVRsb9nf3bUtni .activeCritText3{fill:#000 !important}#mermaid-svg-laKVRsb9nf3bUtni .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-laKVRsb9nf3bUtni g.classGroup text .title{font-weight:bolder}#mermaid-svg-laKVRsb9nf3bUtni g.clickable{cursor:pointer}#mermaid-svg-laKVRsb9nf3bUtni g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-laKVRsb9nf3bUtni g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-laKVRsb9nf3bUtni .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-laKVRsb9nf3bUtni .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-laKVRsb9nf3bUtni .dashed-line{stroke-dasharray:3}#mermaid-svg-laKVRsb9nf3bUtni #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni .commit-id,#mermaid-svg-laKVRsb9nf3bUtni .commit-msg,#mermaid-svg-laKVRsb9nf3bUtni .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-laKVRsb9nf3bUtni g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-laKVRsb9nf3bUtni g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-laKVRsb9nf3bUtni g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-laKVRsb9nf3bUtni .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-laKVRsb9nf3bUtni .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-laKVRsb9nf3bUtni .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-laKVRsb9nf3bUtni .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-laKVRsb9nf3bUtni .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-laKVRsb9nf3bUtni .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-laKVRsb9nf3bUtni .edgeLabel text{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-laKVRsb9nf3bUtni .node circle.state-start{fill:black;stroke:black}#mermaid-svg-laKVRsb9nf3bUtni .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-laKVRsb9nf3bUtni #statediagram-barbEnd{fill:#9370db}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-state .divider{stroke:#9370db}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-laKVRsb9nf3bUtni .note-edge{stroke-dasharray:5}#mermaid-svg-laKVRsb9nf3bUtni .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-laKVRsb9nf3bUtni .error-icon{fill:#522}#mermaid-svg-laKVRsb9nf3bUtni .error-text{fill:#522;stroke:#522}#mermaid-svg-laKVRsb9nf3bUtni .edge-thickness-normal{stroke-width:2px}#mermaid-svg-laKVRsb9nf3bUtni .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-laKVRsb9nf3bUtni .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-laKVRsb9nf3bUtni .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-laKVRsb9nf3bUtni .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-laKVRsb9nf3bUtni .marker{fill:#333}#mermaid-svg-laKVRsb9nf3bUtni .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-laKVRsb9nf3bUtni { color: rgba(0, 0, 0, 0.75); font: ; } a=1 a=2 方形圆角条件a 结果1 结果2 竖向流程图

标准流程图源码格式

Created with Raphaël 2.2.0 开始框处理框判断框(是或否?) 输入输出框结束框子流程 yes no

UML时序图源码样例

#mermaid-svg-vN7YcPATkEXyyyZo .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-vN7YcPATkEXyyyZo .label text{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .node rect,#mermaid-svg-vN7YcPATkEXyyyZo .node circle,#mermaid-svg-vN7YcPATkEXyyyZo .node ellipse,#mermaid-svg-vN7YcPATkEXyyyZo .node polygon,#mermaid-svg-vN7YcPATkEXyyyZo .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vN7YcPATkEXyyyZo .node .label{text-align:center;fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .node.clickable{cursor:pointer}#mermaid-svg-vN7YcPATkEXyyyZo .arrowheadPath{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-vN7YcPATkEXyyyZo .flowchart-link{stroke:#333;fill:none}#mermaid-svg-vN7YcPATkEXyyyZo .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-vN7YcPATkEXyyyZo .edgeLabel rect{opacity:0.9}#mermaid-svg-vN7YcPATkEXyyyZo .edgeLabel span{color:#333}#mermaid-svg-vN7YcPATkEXyyyZo .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-vN7YcPATkEXyyyZo .cluster text{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-vN7YcPATkEXyyyZo .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vN7YcPATkEXyyyZo text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-vN7YcPATkEXyyyZo .actor-line{stroke:grey}#mermaid-svg-vN7YcPATkEXyyyZo .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-vN7YcPATkEXyyyZo .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-vN7YcPATkEXyyyZo #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-vN7YcPATkEXyyyZo .sequenceNumber{fill:#fff}#mermaid-svg-vN7YcPATkEXyyyZo #sequencenumber{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo #crosshead path{fill:#333;stroke:#333}#mermaid-svg-vN7YcPATkEXyyyZo .messageText{fill:#333;stroke:#333}#mermaid-svg-vN7YcPATkEXyyyZo .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-vN7YcPATkEXyyyZo .labelText,#mermaid-svg-vN7YcPATkEXyyyZo .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-vN7YcPATkEXyyyZo .loopText,#mermaid-svg-vN7YcPATkEXyyyZo .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-vN7YcPATkEXyyyZo .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-vN7YcPATkEXyyyZo .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vN7YcPATkEXyyyZo .noteText,#mermaid-svg-vN7YcPATkEXyyyZo .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-vN7YcPATkEXyyyZo .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-vN7YcPATkEXyyyZo .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-vN7YcPATkEXyyyZo .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-vN7YcPATkEXyyyZo .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .section{stroke:none;opacity:0.2}#mermaid-svg-vN7YcPATkEXyyyZo .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-vN7YcPATkEXyyyZo .section2{fill:#fff400}#mermaid-svg-vN7YcPATkEXyyyZo .section1,#mermaid-svg-vN7YcPATkEXyyyZo .section3{fill:#fff;opacity:0.2}#mermaid-svg-vN7YcPATkEXyyyZo .sectionTitle0{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .sectionTitle1{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .sectionTitle2{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .sectionTitle3{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-vN7YcPATkEXyyyZo .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .grid path{stroke-width:0}#mermaid-svg-vN7YcPATkEXyyyZo .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-vN7YcPATkEXyyyZo .task{stroke-width:2}#mermaid-svg-vN7YcPATkEXyyyZo .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .taskText:not([font-size]){font-size:11px}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-vN7YcPATkEXyyyZo .task.clickable{cursor:pointer}#mermaid-svg-vN7YcPATkEXyyyZo .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-vN7YcPATkEXyyyZo .taskText0,#mermaid-svg-vN7YcPATkEXyyyZo .taskText1,#mermaid-svg-vN7YcPATkEXyyyZo .taskText2,#mermaid-svg-vN7YcPATkEXyyyZo .taskText3{fill:#fff}#mermaid-svg-vN7YcPATkEXyyyZo .task0,#mermaid-svg-vN7YcPATkEXyyyZo .task1,#mermaid-svg-vN7YcPATkEXyyyZo .task2,#mermaid-svg-vN7YcPATkEXyyyZo .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutside0,#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutside2{fill:#000}#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutside1,#mermaid-svg-vN7YcPATkEXyyyZo .taskTextOutside3{fill:#000}#mermaid-svg-vN7YcPATkEXyyyZo .active0,#mermaid-svg-vN7YcPATkEXyyyZo .active1,#mermaid-svg-vN7YcPATkEXyyyZo .active2,#mermaid-svg-vN7YcPATkEXyyyZo .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-vN7YcPATkEXyyyZo .activeText0,#mermaid-svg-vN7YcPATkEXyyyZo .activeText1,#mermaid-svg-vN7YcPATkEXyyyZo .activeText2,#mermaid-svg-vN7YcPATkEXyyyZo .activeText3{fill:#000 !important}#mermaid-svg-vN7YcPATkEXyyyZo .done0,#mermaid-svg-vN7YcPATkEXyyyZo .done1,#mermaid-svg-vN7YcPATkEXyyyZo .done2,#mermaid-svg-vN7YcPATkEXyyyZo .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-vN7YcPATkEXyyyZo .doneText0,#mermaid-svg-vN7YcPATkEXyyyZo .doneText1,#mermaid-svg-vN7YcPATkEXyyyZo .doneText2,#mermaid-svg-vN7YcPATkEXyyyZo .doneText3{fill:#000 !important}#mermaid-svg-vN7YcPATkEXyyyZo .crit0,#mermaid-svg-vN7YcPATkEXyyyZo .crit1,#mermaid-svg-vN7YcPATkEXyyyZo .crit2,#mermaid-svg-vN7YcPATkEXyyyZo .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-vN7YcPATkEXyyyZo .activeCrit0,#mermaid-svg-vN7YcPATkEXyyyZo .activeCrit1,#mermaid-svg-vN7YcPATkEXyyyZo .activeCrit2,#mermaid-svg-vN7YcPATkEXyyyZo .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-vN7YcPATkEXyyyZo .doneCrit0,#mermaid-svg-vN7YcPATkEXyyyZo .doneCrit1,#mermaid-svg-vN7YcPATkEXyyyZo .doneCrit2,#mermaid-svg-vN7YcPATkEXyyyZo .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-vN7YcPATkEXyyyZo .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-vN7YcPATkEXyyyZo .milestoneText{font-style:italic}#mermaid-svg-vN7YcPATkEXyyyZo .doneCritText0,#mermaid-svg-vN7YcPATkEXyyyZo .doneCritText1,#mermaid-svg-vN7YcPATkEXyyyZo .doneCritText2,#mermaid-svg-vN7YcPATkEXyyyZo .doneCritText3{fill:#000 !important}#mermaid-svg-vN7YcPATkEXyyyZo .activeCritText0,#mermaid-svg-vN7YcPATkEXyyyZo .activeCritText1,#mermaid-svg-vN7YcPATkEXyyyZo .activeCritText2,#mermaid-svg-vN7YcPATkEXyyyZo .activeCritText3{fill:#000 !important}#mermaid-svg-vN7YcPATkEXyyyZo .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-vN7YcPATkEXyyyZo g.classGroup text .title{font-weight:bolder}#mermaid-svg-vN7YcPATkEXyyyZo g.clickable{cursor:pointer}#mermaid-svg-vN7YcPATkEXyyyZo g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vN7YcPATkEXyyyZo g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-vN7YcPATkEXyyyZo .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-vN7YcPATkEXyyyZo .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vN7YcPATkEXyyyZo .dashed-line{stroke-dasharray:3}#mermaid-svg-vN7YcPATkEXyyyZo #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo .commit-id,#mermaid-svg-vN7YcPATkEXyyyZo .commit-msg,#mermaid-svg-vN7YcPATkEXyyyZo .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-vN7YcPATkEXyyyZo g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-vN7YcPATkEXyyyZo g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-vN7YcPATkEXyyyZo g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-vN7YcPATkEXyyyZo .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-vN7YcPATkEXyyyZo .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-vN7YcPATkEXyyyZo .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-vN7YcPATkEXyyyZo .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-vN7YcPATkEXyyyZo .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-vN7YcPATkEXyyyZo .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-vN7YcPATkEXyyyZo .edgeLabel text{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-vN7YcPATkEXyyyZo .node circle.state-start{fill:black;stroke:black}#mermaid-svg-vN7YcPATkEXyyyZo .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-vN7YcPATkEXyyyZo #statediagram-barbEnd{fill:#9370db}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-state .divider{stroke:#9370db}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-vN7YcPATkEXyyyZo .note-edge{stroke-dasharray:5}#mermaid-svg-vN7YcPATkEXyyyZo .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-vN7YcPATkEXyyyZo .error-icon{fill:#522}#mermaid-svg-vN7YcPATkEXyyyZo .error-text{fill:#522;stroke:#522}#mermaid-svg-vN7YcPATkEXyyyZo .edge-thickness-normal{stroke-width:2px}#mermaid-svg-vN7YcPATkEXyyyZo .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-vN7YcPATkEXyyyZo .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-vN7YcPATkEXyyyZo .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-vN7YcPATkEXyyyZo .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-vN7YcPATkEXyyyZo .marker{fill:#333}#mermaid-svg-vN7YcPATkEXyyyZo .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-vN7YcPATkEXyyyZo { color: rgba(0, 0, 0, 0.75); font: ; } 对象A 对象B 对象B你好吗?（请求）对象B的描述对象A的描述(提示) 我很好(响应) 你真的好吗？对象A 对象B 标题：复杂使用

UML时序图源码复杂样例

#mermaid-svg-o441l5fu6u1ooaO7 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-o441l5fu6u1ooaO7 .label text{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .node rect,#mermaid-svg-o441l5fu6u1ooaO7 .node circle,#mermaid-svg-o441l5fu6u1ooaO7 .node ellipse,#mermaid-svg-o441l5fu6u1ooaO7 .node polygon,#mermaid-svg-o441l5fu6u1ooaO7 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-o441l5fu6u1ooaO7 .node .label{text-align:center;fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .node.clickable{cursor:pointer}#mermaid-svg-o441l5fu6u1ooaO7 .arrowheadPath{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-o441l5fu6u1ooaO7 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-o441l5fu6u1ooaO7 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-o441l5fu6u1ooaO7 .edgeLabel rect{opacity:0.9}#mermaid-svg-o441l5fu6u1ooaO7 .edgeLabel span{color:#333}#mermaid-svg-o441l5fu6u1ooaO7 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-o441l5fu6u1ooaO7 .cluster text{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-o441l5fu6u1ooaO7 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-o441l5fu6u1ooaO7 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-o441l5fu6u1ooaO7 .actor-line{stroke:grey}#mermaid-svg-o441l5fu6u1ooaO7 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-o441l5fu6u1ooaO7 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-o441l5fu6u1ooaO7 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-o441l5fu6u1ooaO7 .sequenceNumber{fill:#fff}#mermaid-svg-o441l5fu6u1ooaO7 #sequencenumber{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-o441l5fu6u1ooaO7 .messageText{fill:#333;stroke:#333}#mermaid-svg-o441l5fu6u1ooaO7 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-o441l5fu6u1ooaO7 .labelText,#mermaid-svg-o441l5fu6u1ooaO7 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-o441l5fu6u1ooaO7 .loopText,#mermaid-svg-o441l5fu6u1ooaO7 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-o441l5fu6u1ooaO7 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-o441l5fu6u1ooaO7 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-o441l5fu6u1ooaO7 .noteText,#mermaid-svg-o441l5fu6u1ooaO7 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-o441l5fu6u1ooaO7 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-o441l5fu6u1ooaO7 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-o441l5fu6u1ooaO7 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-o441l5fu6u1ooaO7 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .section{stroke:none;opacity:0.2}#mermaid-svg-o441l5fu6u1ooaO7 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-o441l5fu6u1ooaO7 .section2{fill:#fff400}#mermaid-svg-o441l5fu6u1ooaO7 .section1,#mermaid-svg-o441l5fu6u1ooaO7 .section3{fill:#fff;opacity:0.2}#mermaid-svg-o441l5fu6u1ooaO7 .sectionTitle0{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .sectionTitle1{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .sectionTitle2{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .sectionTitle3{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-o441l5fu6u1ooaO7 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .grid path{stroke-width:0}#mermaid-svg-o441l5fu6u1ooaO7 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-o441l5fu6u1ooaO7 .task{stroke-width:2}#mermaid-svg-o441l5fu6u1ooaO7 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .taskText:not([font-size]){font-size:11px}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-o441l5fu6u1ooaO7 .task.clickable{cursor:pointer}#mermaid-svg-o441l5fu6u1ooaO7 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-o441l5fu6u1ooaO7 .taskText0,#mermaid-svg-o441l5fu6u1ooaO7 .taskText1,#mermaid-svg-o441l5fu6u1ooaO7 .taskText2,#mermaid-svg-o441l5fu6u1ooaO7 .taskText3{fill:#fff}#mermaid-svg-o441l5fu6u1ooaO7 .task0,#mermaid-svg-o441l5fu6u1ooaO7 .task1,#mermaid-svg-o441l5fu6u1ooaO7 .task2,#mermaid-svg-o441l5fu6u1ooaO7 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutside0,#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutside2{fill:#000}#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutside1,#mermaid-svg-o441l5fu6u1ooaO7 .taskTextOutside3{fill:#000}#mermaid-svg-o441l5fu6u1ooaO7 .active0,#mermaid-svg-o441l5fu6u1ooaO7 .active1,#mermaid-svg-o441l5fu6u1ooaO7 .active2,#mermaid-svg-o441l5fu6u1ooaO7 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-o441l5fu6u1ooaO7 .activeText0,#mermaid-svg-o441l5fu6u1ooaO7 .activeText1,#mermaid-svg-o441l5fu6u1ooaO7 .activeText2,#mermaid-svg-o441l5fu6u1ooaO7 .activeText3{fill:#000 !important}#mermaid-svg-o441l5fu6u1ooaO7 .done0,#mermaid-svg-o441l5fu6u1ooaO7 .done1,#mermaid-svg-o441l5fu6u1ooaO7 .done2,#mermaid-svg-o441l5fu6u1ooaO7 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-o441l5fu6u1ooaO7 .doneText0,#mermaid-svg-o441l5fu6u1ooaO7 .doneText1,#mermaid-svg-o441l5fu6u1ooaO7 .doneText2,#mermaid-svg-o441l5fu6u1ooaO7 .doneText3{fill:#000 !important}#mermaid-svg-o441l5fu6u1ooaO7 .crit0,#mermaid-svg-o441l5fu6u1ooaO7 .crit1,#mermaid-svg-o441l5fu6u1ooaO7 .crit2,#mermaid-svg-o441l5fu6u1ooaO7 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-o441l5fu6u1ooaO7 .activeCrit0,#mermaid-svg-o441l5fu6u1ooaO7 .activeCrit1,#mermaid-svg-o441l5fu6u1ooaO7 .activeCrit2,#mermaid-svg-o441l5fu6u1ooaO7 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-o441l5fu6u1ooaO7 .doneCrit0,#mermaid-svg-o441l5fu6u1ooaO7 .doneCrit1,#mermaid-svg-o441l5fu6u1ooaO7 .doneCrit2,#mermaid-svg-o441l5fu6u1ooaO7 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-o441l5fu6u1ooaO7 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-o441l5fu6u1ooaO7 .milestoneText{font-style:italic}#mermaid-svg-o441l5fu6u1ooaO7 .doneCritText0,#mermaid-svg-o441l5fu6u1ooaO7 .doneCritText1,#mermaid-svg-o441l5fu6u1ooaO7 .doneCritText2,#mermaid-svg-o441l5fu6u1ooaO7 .doneCritText3{fill:#000 !important}#mermaid-svg-o441l5fu6u1ooaO7 .activeCritText0,#mermaid-svg-o441l5fu6u1ooaO7 .activeCritText1,#mermaid-svg-o441l5fu6u1ooaO7 .activeCritText2,#mermaid-svg-o441l5fu6u1ooaO7 .activeCritText3{fill:#000 !important}#mermaid-svg-o441l5fu6u1ooaO7 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-o441l5fu6u1ooaO7 g.classGroup text .title{font-weight:bolder}#mermaid-svg-o441l5fu6u1ooaO7 g.clickable{cursor:pointer}#mermaid-svg-o441l5fu6u1ooaO7 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-o441l5fu6u1ooaO7 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-o441l5fu6u1ooaO7 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-o441l5fu6u1ooaO7 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-o441l5fu6u1ooaO7 .dashed-line{stroke-dasharray:3}#mermaid-svg-o441l5fu6u1ooaO7 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 .commit-id,#mermaid-svg-o441l5fu6u1ooaO7 .commit-msg,#mermaid-svg-o441l5fu6u1ooaO7 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-o441l5fu6u1ooaO7 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-o441l5fu6u1ooaO7 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-o441l5fu6u1ooaO7 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-o441l5fu6u1ooaO7 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-o441l5fu6u1ooaO7 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-o441l5fu6u1ooaO7 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-o441l5fu6u1ooaO7 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-o441l5fu6u1ooaO7 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-o441l5fu6u1ooaO7 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-o441l5fu6u1ooaO7 .edgeLabel text{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-o441l5fu6u1ooaO7 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-o441l5fu6u1ooaO7 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-o441l5fu6u1ooaO7 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-o441l5fu6u1ooaO7 .note-edge{stroke-dasharray:5}#mermaid-svg-o441l5fu6u1ooaO7 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-o441l5fu6u1ooaO7 .error-icon{fill:#522}#mermaid-svg-o441l5fu6u1ooaO7 .error-text{fill:#522;stroke:#522}#mermaid-svg-o441l5fu6u1ooaO7 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-o441l5fu6u1ooaO7 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-o441l5fu6u1ooaO7 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-o441l5fu6u1ooaO7 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-o441l5fu6u1ooaO7 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-o441l5fu6u1ooaO7 .marker{fill:#333}#mermaid-svg-o441l5fu6u1ooaO7 .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-o441l5fu6u1ooaO7 { color: rgba(0, 0, 0, 0.75); font: ; } 对象A 对象B 小三 C 对象B你好吗?（请求）对象B的描述对象A的描述(提示) 我很好(响应) 你好吗对象B找我了你真的好吗？我们是朋友没人陪我玩对象A 对象B 小三 C 标题：复杂使用

UML标准时序图样例

#mermaid-svg-Nwd1sO7815rEAnkW .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-Nwd1sO7815rEAnkW .label text{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .node rect,#mermaid-svg-Nwd1sO7815rEAnkW .node circle,#mermaid-svg-Nwd1sO7815rEAnkW .node ellipse,#mermaid-svg-Nwd1sO7815rEAnkW .node polygon,#mermaid-svg-Nwd1sO7815rEAnkW .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-Nwd1sO7815rEAnkW .node .label{text-align:center;fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .node.clickable{cursor:pointer}#mermaid-svg-Nwd1sO7815rEAnkW .arrowheadPath{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-Nwd1sO7815rEAnkW .flowchart-link{stroke:#333;fill:none}#mermaid-svg-Nwd1sO7815rEAnkW .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-Nwd1sO7815rEAnkW .edgeLabel rect{opacity:0.9}#mermaid-svg-Nwd1sO7815rEAnkW .edgeLabel span{color:#333}#mermaid-svg-Nwd1sO7815rEAnkW .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-Nwd1sO7815rEAnkW .cluster text{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-Nwd1sO7815rEAnkW .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-Nwd1sO7815rEAnkW text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-Nwd1sO7815rEAnkW .actor-line{stroke:grey}#mermaid-svg-Nwd1sO7815rEAnkW .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-Nwd1sO7815rEAnkW .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-Nwd1sO7815rEAnkW #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-Nwd1sO7815rEAnkW .sequenceNumber{fill:#fff}#mermaid-svg-Nwd1sO7815rEAnkW #sequencenumber{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW #crosshead path{fill:#333;stroke:#333}#mermaid-svg-Nwd1sO7815rEAnkW .messageText{fill:#333;stroke:#333}#mermaid-svg-Nwd1sO7815rEAnkW .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-Nwd1sO7815rEAnkW .labelText,#mermaid-svg-Nwd1sO7815rEAnkW .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-Nwd1sO7815rEAnkW .loopText,#mermaid-svg-Nwd1sO7815rEAnkW .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-Nwd1sO7815rEAnkW .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-Nwd1sO7815rEAnkW .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-Nwd1sO7815rEAnkW .noteText,#mermaid-svg-Nwd1sO7815rEAnkW .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-Nwd1sO7815rEAnkW .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-Nwd1sO7815rEAnkW .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-Nwd1sO7815rEAnkW .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-Nwd1sO7815rEAnkW .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .section{stroke:none;opacity:0.2}#mermaid-svg-Nwd1sO7815rEAnkW .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-Nwd1sO7815rEAnkW .section2{fill:#fff400}#mermaid-svg-Nwd1sO7815rEAnkW .section1,#mermaid-svg-Nwd1sO7815rEAnkW .section3{fill:#fff;opacity:0.2}#mermaid-svg-Nwd1sO7815rEAnkW .sectionTitle0{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .sectionTitle1{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .sectionTitle2{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .sectionTitle3{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-Nwd1sO7815rEAnkW .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .grid path{stroke-width:0}#mermaid-svg-Nwd1sO7815rEAnkW .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-Nwd1sO7815rEAnkW .task{stroke-width:2}#mermaid-svg-Nwd1sO7815rEAnkW .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .taskText:not([font-size]){font-size:11px}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-Nwd1sO7815rEAnkW .task.clickable{cursor:pointer}#mermaid-svg-Nwd1sO7815rEAnkW .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-Nwd1sO7815rEAnkW .taskText0,#mermaid-svg-Nwd1sO7815rEAnkW .taskText1,#mermaid-svg-Nwd1sO7815rEAnkW .taskText2,#mermaid-svg-Nwd1sO7815rEAnkW .taskText3{fill:#fff}#mermaid-svg-Nwd1sO7815rEAnkW .task0,#mermaid-svg-Nwd1sO7815rEAnkW .task1,#mermaid-svg-Nwd1sO7815rEAnkW .task2,#mermaid-svg-Nwd1sO7815rEAnkW .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutside0,#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutside2{fill:#000}#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutside1,#mermaid-svg-Nwd1sO7815rEAnkW .taskTextOutside3{fill:#000}#mermaid-svg-Nwd1sO7815rEAnkW .active0,#mermaid-svg-Nwd1sO7815rEAnkW .active1,#mermaid-svg-Nwd1sO7815rEAnkW .active2,#mermaid-svg-Nwd1sO7815rEAnkW .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-Nwd1sO7815rEAnkW .activeText0,#mermaid-svg-Nwd1sO7815rEAnkW .activeText1,#mermaid-svg-Nwd1sO7815rEAnkW .activeText2,#mermaid-svg-Nwd1sO7815rEAnkW .activeText3{fill:#000 !important}#mermaid-svg-Nwd1sO7815rEAnkW .done0,#mermaid-svg-Nwd1sO7815rEAnkW .done1,#mermaid-svg-Nwd1sO7815rEAnkW .done2,#mermaid-svg-Nwd1sO7815rEAnkW .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-Nwd1sO7815rEAnkW .doneText0,#mermaid-svg-Nwd1sO7815rEAnkW .doneText1,#mermaid-svg-Nwd1sO7815rEAnkW .doneText2,#mermaid-svg-Nwd1sO7815rEAnkW .doneText3{fill:#000 !important}#mermaid-svg-Nwd1sO7815rEAnkW .crit0,#mermaid-svg-Nwd1sO7815rEAnkW .crit1,#mermaid-svg-Nwd1sO7815rEAnkW .crit2,#mermaid-svg-Nwd1sO7815rEAnkW .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-Nwd1sO7815rEAnkW .activeCrit0,#mermaid-svg-Nwd1sO7815rEAnkW .activeCrit1,#mermaid-svg-Nwd1sO7815rEAnkW .activeCrit2,#mermaid-svg-Nwd1sO7815rEAnkW .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-Nwd1sO7815rEAnkW .doneCrit0,#mermaid-svg-Nwd1sO7815rEAnkW .doneCrit1,#mermaid-svg-Nwd1sO7815rEAnkW .doneCrit2,#mermaid-svg-Nwd1sO7815rEAnkW .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-Nwd1sO7815rEAnkW .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-Nwd1sO7815rEAnkW .milestoneText{font-style:italic}#mermaid-svg-Nwd1sO7815rEAnkW .doneCritText0,#mermaid-svg-Nwd1sO7815rEAnkW .doneCritText1,#mermaid-svg-Nwd1sO7815rEAnkW .doneCritText2,#mermaid-svg-Nwd1sO7815rEAnkW .doneCritText3{fill:#000 !important}#mermaid-svg-Nwd1sO7815rEAnkW .activeCritText0,#mermaid-svg-Nwd1sO7815rEAnkW .activeCritText1,#mermaid-svg-Nwd1sO7815rEAnkW .activeCritText2,#mermaid-svg-Nwd1sO7815rEAnkW .activeCritText3{fill:#000 !important}#mermaid-svg-Nwd1sO7815rEAnkW .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-Nwd1sO7815rEAnkW g.classGroup text .title{font-weight:bolder}#mermaid-svg-Nwd1sO7815rEAnkW g.clickable{cursor:pointer}#mermaid-svg-Nwd1sO7815rEAnkW g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-Nwd1sO7815rEAnkW g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-Nwd1sO7815rEAnkW .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-Nwd1sO7815rEAnkW .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-Nwd1sO7815rEAnkW .dashed-line{stroke-dasharray:3}#mermaid-svg-Nwd1sO7815rEAnkW #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW .commit-id,#mermaid-svg-Nwd1sO7815rEAnkW .commit-msg,#mermaid-svg-Nwd1sO7815rEAnkW .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-Nwd1sO7815rEAnkW g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-Nwd1sO7815rEAnkW g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-Nwd1sO7815rEAnkW g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-Nwd1sO7815rEAnkW .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-Nwd1sO7815rEAnkW .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-Nwd1sO7815rEAnkW .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-Nwd1sO7815rEAnkW .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-Nwd1sO7815rEAnkW .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-Nwd1sO7815rEAnkW .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-Nwd1sO7815rEAnkW .edgeLabel text{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-Nwd1sO7815rEAnkW .node circle.state-start{fill:black;stroke:black}#mermaid-svg-Nwd1sO7815rEAnkW .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-Nwd1sO7815rEAnkW #statediagram-barbEnd{fill:#9370db}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-state .divider{stroke:#9370db}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-Nwd1sO7815rEAnkW .note-edge{stroke-dasharray:5}#mermaid-svg-Nwd1sO7815rEAnkW .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-Nwd1sO7815rEAnkW .error-icon{fill:#522}#mermaid-svg-Nwd1sO7815rEAnkW .error-text{fill:#522;stroke:#522}#mermaid-svg-Nwd1sO7815rEAnkW .edge-thickness-normal{stroke-width:2px}#mermaid-svg-Nwd1sO7815rEAnkW .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-Nwd1sO7815rEAnkW .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-Nwd1sO7815rEAnkW .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-Nwd1sO7815rEAnkW .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-Nwd1sO7815rEAnkW .marker{fill:#333}#mermaid-svg-Nwd1sO7815rEAnkW .marker.cross{stroke:#333} :root { --mermaid-font-family: "trebuchet ms", verdana, arial;} #mermaid-svg-Nwd1sO7815rEAnkW { color: rgba(0, 0, 0, 0.75); font: ; } 张三李四王五王五你好吗？与疾病战斗 loop [健康检查] 合理食物看医生... 很好! 你怎么样? 很好! 张三李四王五标题：复杂使用

甘特图样例

%% 语法示例 gantt dateFormat YYYY-MM-DD title 软件开发甘特图 section 设计需求 :done, des1, 2014-01-06,2014-01-08 原型 :active, des2, 2014-01-09, 3d UI设计 : des3, after des2, 5d 未来任务 : des4, after des3, 5d section 开发学习准备理解需求 :crit, done, 2014-01-06,24h 设计框架 :crit, done, after des2, 2d 开发 :crit, active, 3d 未来任务 :crit, 5d 耍 :2d section 测试功能测试 :active, a1, after des3, 3d 压力测试 :after a1 , 20h 测试报告 : 48h

Typora 设置

修改设置，根据习惯来

修改主题的css

找到需要修改的位置

修改

/* blockquote { border-left: 4px solid #dfe2e5; padding: 0 15px; color: #777777; } */ blockquote { border-left: 4px solid #62ca38; padding: 0 15px; color: #777777; }

编辑完成

目测 markdown 已经是趋势，很多博客都会支持 markdown，但是感觉兼容性不好，编辑完成可以导出很多格式(用Pandoc)；放到云上是最对劳动成果的最好保护，保存原始手稿，或者发布到支持 markdown 的博客；电脑最近经常死机蓝屏，要记得随时保存放到百度云~

csdn、简书、博客园貌似都支持 markdown 了

发布博客

直接将本地编辑好的内容拷贝上去即可，但是渲染还是会有很多问题（有的画图渲染不起：甘特图、时序图、流程图；有的区块渲染也有问题）

看来博客园还是使用以往的方式编辑好，只能一篇博客编辑两次了！！本地的内容自行保存备份…

Processed: 0.010, SQL: 8