主頁 > 區塊鏈 > Markdown

Markdown

2021-03-04 11:22:32 區塊鏈

我是一級標題

我是二級標題

一級標題

二級標題

三級標題

、、、、

六級標題

我是一級標題

我是二級標題

# 一級標題
## 二級標題
### 三級標題
、、、、
###### 六級標題

Markdown 段落

段落的換行是兩個以上的空格加上回車
或者用在段落后面加一個空行來表示一個段落

字體

*我是斜體文本*
_我是斜體文本_
**我是粗體文本**
__我是粗體文本__

***我是粗斜體文本***
___我是粗斜體文本___

我是斜體文本
我是斜體文本
我是粗體文本
我是粗體文本

我是粗斜體文本
我是粗斜體文本

分隔線

***

* * * 

******

- - -

------





洗掉線

~~洗掉部分~~

洗掉部分

下劃線

<u>下劃線文本</u>

下劃線文本

注腳

[^腳注文本]

文本[^ 腳注文本]

Markdown 串列

無序串列

無序串列使用(*)、(+)、(-),標記后面添加一個空格,
然后填寫內容;
    * 第一項
    * 第二項
    * 第三項

    + 0001
    + 0002
    + 0003

    - 0001
    - 0002
    - 0003
* 第一項
* 第二項
* 第三項

+ 0001
+ 0002
+ 0003

- 0001
- 0002
- 0003

有序串列

  1. 第一項
   2. 第二項
   3. 第三項
  1. 第一項
  2. 第二項
  3. 第三項

串列嵌套

1. 第一項:
    - 第一個嵌套的內容
    - 第二個嵌套的內容
2. 第二項:
    - 第二項 嵌套的內容

  1. 第一項:
    • 第一個嵌套的內容
    • 第二個嵌套的內容
  2. 第二項:
    • 第二項 嵌套的內容

Markd 區塊

> 區塊應用
> 區塊是">"后面緊跟一個**空格**符號
**區塊是可以嵌套的**
> 最外層
>> 第一層
>>> 第二層

區塊應用
區塊是">"后面緊跟一個空格符號
區塊是可以嵌套的
最外層

第一層

第二層

串列和區塊可以互相嵌套使用

Markdown 代碼

段落上的一段代碼可以使用my-Code " " 將代碼包含起來
代碼區塊

代碼區塊可以使用4個空格或者一個制表符(Tab鍵)
printf(%d,“Hello World!”)

也可以使用```包含一段代碼段,既可以指定代碼語言也可以不指定代碼語言

private: 
         int num
         char *name
public: void SearchStudent (int num,name);

class student:
{
    num=20;
    ······
    
}


Markdown 鏈接

> [鏈接名稱](鏈接地址)
<鏈接地址>
**高級鏈接**
> 這個鏈接用SELFLEARN作為網址變數[RUNOOB][SELFLEARN]
>> 然后咋檔案的結尾作為賦值變數

  [SELFLEARN]: https://www.runoob.com/

鏈接名稱
<鏈接地址>
高級鏈接
這個鏈接用SELFLEARN作為網址變數RUNOOB

然后咋檔案的結尾作為賦值變數

Mardowm 圖片

![alt 屬性文本](圖片地址)
![alt 屬性文本](圖片地址 "可選標題")

!alt 屬性文本
!alt 屬性文本

也可以如同圖片鏈接一樣對于圖片網址使用變數

該鏈接用 runoob 作為網址變數 [RUNOOB][runoob]
最后在檔案的結尾為變數賦值
[runoob]: https://www.runoob.com/

Markdown 關于制定圖片的寬度和高度,使用 標簽

Markdown 表格

Markdown 制作表格使用 | 來分隔不同的單元格,使用 , 來分隔表頭和其他行
| 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |
設定對齊格式

  • -: 設定單元格內容為右對齊
  • :- 設定單元格內容為左對齊
  • :-: 設定單元格格式為中間對齊
|  表頭   | 表頭  |
|  ----  | ----  |
| 單元格  | 單元格 |
| 單元格  | 單元格 |

Markdown

Markdown 支持HTML元素

  <kbd> <b> <i> <em> <sup> <sub> <br> ······
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重啟電腦

使用 Ctrl+Alt+Del 重啟電腦

轉義

為了顯示特定的字符
文本加粗

例:** 正常顯示“**”文本加粗功能 **

公式

在檔案中編輯文本需要插入數學公式的時候就要
使用兩個$$ 符號包裹TeX和LaTeX格式的數學公式
來實作,最后問答和文章的頁面會根據需要加載
Mathjax來進行渲染數學公式

 $$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

KaTeX parse error: Can't use function '$' in math mode at position 249: … \end{vmatrix} $?{$tep1}{\style{…

以下幾個實體

1、橫向流程圖原始碼格式:
mermaid
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結果1]
C -->|a=2| E[結果2]
F[橫向流程圖]

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

2、豎向流程圖原始碼格式:
mermaid
graph TD
A[方形] --> B(圓角)
B --> C{條件a}
C --> |a=1| D[結果1]
C --> |a=2| E[結果2]
F[豎向流程圖]

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

3、標準流程圖原始碼格式:
mermaid
flowchat
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

Created with Rapha?l 2.2.0 開始框 處理框 判斷框(是或否?) 輸入輸出框 結束框 子流程 yes no

4、標準流程圖原始碼格式(橫向):
mermaid
flowchat
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

Created with Rapha?l 2.2.0 開始框 處理框 判斷框(是或否?) 輸入輸出框 結束框 子流程 yes no

5、UML時序圖原始碼樣例:

mermaid
sequenceDiagram
物件A->>物件B: 物件B你好嗎?(請求)
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B–>>物件A: 我很好(回應)
物件A->>物件B: 你真的好嗎?

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

6、UML時序圖原始碼復雜樣例:

mermaid
sequenceDiagram
Title: 標題:復雜使用
物件A->>物件B: 物件B你好嗎?(請求)
Note right of 物件B: 物件B的描述
Note left of 物件A: 物件A的描述(提示)
物件B–>>物件A: 我很好(回應)
物件B->>小三: 你好嗎
小三–>>物件A: 物件B找我了
物件A->>物件B: 你真的好嗎?
Note over 小三,物件B: 我們是朋友
participant C
Note right of C: 沒人陪我玩

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

7、UML標準時序圖樣例:

mermaid
%% 時序圖例子,-> 直線,–>虛線,->>實線箭頭
sequenceDiagram
participant 張三
participant 李四
張三->王五: 王五你好嗎?
loop 健康檢查
王五->王五: 與疾病戰斗
end
Note right of 王五: 合理 食物
看醫生…
李四–>>張三: 很好!
王五->李四: 你怎么樣?
李四–>王五: 很好!

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

8、甘特圖樣例:

mermaid
%% 語法示例
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

%% 語法示例
        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

學習資源來源于菜鳥教程

轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/265974.html

標籤:區塊鏈

上一篇:認識cookie、session以及tooken

下一篇:金融機構監管資料報送梳理

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • JAVA使用 web3j 進行token轉賬

    最近新學習了下區塊鏈這方面的知識,所學不多,給大家分享下。 # 1. 關于web3j web3j是一個高度模塊化,反應性,型別安全的Java和Android庫,用于與智能合約配合并與以太坊網路上的客戶端(節點)集成。 # 2. 準備作業 jdk版本1.8 引入maven <dependency> < ......

    uj5u.com 2020-09-10 03:03:06 more
  • 以太坊智能合約開發框架Truffle

    前言 部署智能合約有多種方式,命令列的瀏覽器的渠道都有,但往往跟我們程式員的風格不太相符,因為我們習慣了在IDE里寫了代碼然后打包運行看效果。 雖然現在IDE中已經存在了Solidity插件,可以撰寫智能合約,但是部署智能合約卻要另走他路,沒辦法進行一個快捷的部署與測驗。 如果團隊管理的區塊節點多、 ......

    uj5u.com 2020-09-10 03:03:12 more
  • 谷歌二次驗證碼成為區塊鏈專用安全碼,你怎么看?

    前言 谷歌身份驗證器,前些年大家都比較陌生,但隨著國內互聯網安全的加強,它越來越多地出現在大家的視野中。 比較廣泛接觸的人群是國際3A游戲愛好者,游戲盜號現象嚴重+國外賬號安全應用廣泛,這類游戲一般都會要求用戶系結名為“兩步驗證”、“雙重驗證”等,平臺一般都推薦用谷歌身份驗證器。 后來區塊鏈業務風靡 ......

    uj5u.com 2020-09-10 03:03:17 more
  • 密碼學DAY1

    目錄 ##1.1 密碼學基本概念 密碼在我們的生活中有著重要的作用,那么密碼究竟來自何方,為何會產生呢? 密碼學是網路安全、資訊安全、區塊鏈等產品的基礎,常見的非對稱加密、對稱加密、散列函式等,都屬于密碼學范疇。 密碼學有數千年的歷史,從最開始的替換法到如今的非對稱加密演算法,經歷了古典密碼學,近代密 ......

    uj5u.com 2020-09-10 03:03:50 more
  • 密碼學DAY1_02

    目錄 ##1.1 ASCII編碼 ASCII(American Standard Code for Information Interchange,美國資訊交換標準代碼)是基于拉丁字母的一套電腦編碼系統,主要用于顯示現代英語和其他西歐語言。它是現今最通用的單位元組編碼系統,并等同于國際標準ISO/IE ......

    uj5u.com 2020-09-10 03:04:50 more
  • 密碼學DAY2

    ##1.1 加密模式 加密模式:https://docs.oracle.com/javase/8/docs/api/javax/crypto/Cipher.html ECB ECB : Electronic codebook, 電子密碼本. 需要加密的訊息按照塊密碼的塊大小被分為數個塊,并對每個塊進 ......

    uj5u.com 2020-09-10 03:05:42 more
  • NTP時鐘服務器的特點(京準電子)

    NTP時鐘服務器的特點(京準電子) NTP時鐘服務器的特點(京準電子) 京準電子官V——ahjzsz 首先對時間同步進行了背景介紹,然后討論了不同的時間同步網路技術,最后指出了建立全球或區域時間同步網存在的問題。 一、概 述 在通信領域,“同步”概念是指頻率的同步,即網路各個節點的時鐘頻率和相位同步 ......

    uj5u.com 2020-09-10 03:05:47 more
  • 標準化考場時鐘同步系統推進智能化校園建設

    標準化考場時鐘同步系統推進智能化校園建設 標準化考場時鐘同步系統推進智能化校園建設 安徽京準電子科技官微——ahjzsz 一、背景概述隨著教育事業的快速發展,學校建設如雨后春筍,隨之而來的學校教育、管理、安全方面的問題成了學校管理人員面臨的最大的挑戰,這些問題同時也是學生家長所擔心的。為了讓學生有更 ......

    uj5u.com 2020-09-10 03:05:51 more
  • 位元幣入門

    引言 位元幣基本結構 位元幣基礎知識 1)哈希演算法 2)非對稱加密技術 3)數字簽名 4)MerkleTree 5)哪有位元幣,有的是UTXO 6)位元幣挖礦與共識 7)區塊驗證(共識) 總結 引言 上一篇我們已經知道了什么是區塊鏈,此篇說一下區塊鏈的第一個應用——位元幣。其實先有位元幣,后有的區塊 ......

    uj5u.com 2020-09-10 03:06:15 more
  • 北斗對時服務器(北斗對時設備)電力系統應用

    北斗對時服務器(北斗對時設備)電力系統應用 北斗對時服務器(北斗對時設備)電力系統應用 京準電子科技官微(ahjzsz) 中國北斗衛星導航系統(英文名稱:BeiDou Navigation Satellite System,簡稱BDS),因為是目前世界范圍內唯一可以大面積提供免費定位服務的系統,所以 ......

    uj5u.com 2020-09-10 03:06:20 more
最新发布
  • web3 產品介紹:metamask 錢包 使用最多的瀏覽器插件錢包

    Metamask錢包是一種基于區塊鏈技術的數字貨幣錢包,它允許用戶在安全、便捷的環境下管理自己的加密資產。Metamask錢包是以太坊生態系統中最流行的錢包之一,它具有易于使用、安全性高和功能強大等優點。 本文將詳細介紹Metamask錢包的功能和使用方法。 一、 Metamask錢包的功能 數字資 ......

    uj5u.com 2023-04-20 08:46:47 more
  • Hyperledger Fabric 使用 CouchDB 和復雜智能合約開發

    在上個實驗中,我們已經實作了簡單智能合約實作及客戶端開發,但該實驗中智能合約只有基礎的增刪改查功能,且其中的資料管理功能與傳統 MySQL 比相差甚遠。本文將在前面實驗的基礎上,將 Hyperledger Fabric 的默認資料庫支持 LevelDB 改為 CouchDB 模式,以實作更復雜的資料... ......

    uj5u.com 2023-04-16 07:28:31 more
  • .NET Core 波場鏈離線簽名、廣播交易(發送 TRX和USDT)筆記

    Get Started NuGet You can run the following command to install the Tron.Wallet.Net in your project. PM> Install-Package Tron.Wallet.Net 配置 public reco ......

    uj5u.com 2023-04-14 08:08:00 more
  • DKP 黑客分析——不正確的代幣對比率計算

    概述: 2023 年 2 月 8 日,針對 DKP 協議的閃電貸攻擊導致該協議的用戶損失了 8 萬美元,因為 execute() 函式取決于 USDT-DKP 對中兩種代幣的余額比率。 智能合約黑客概述: 攻擊者的交易:0x0c850f,0x2d31 攻擊者地址:0xF38 利用合同:0xf34ad ......

    uj5u.com 2023-04-07 07:46:09 more
  • Defi開發簡介

    Defi開發簡介 介紹 Defi是去中心化金融的縮寫, 是一項旨在利用區塊鏈技術和智能合約創建更加開放,可訪問和透明的金融體系的運動. 這與傳統金融形成鮮明對比,傳統金融通常由少數大型銀行和金融機構控制 在Defi的世界里,用戶可以直接從他們的電腦或移動設備上訪問廣泛的金融服務,而不需要像銀行或者信 ......

    uj5u.com 2023-04-05 08:01:34 more
  • solidity簡單的ERC20代幣實作

    // SPDX-License-Identifier: GPL-3.0 pragma solidity >=0.7.0 <0.9.0; import "hardhat/console.sol"; //ERC20 同質化代幣,每個代幣的本質或性質都是相同 //ETH 是原生代幣,它不是ERC20代幣, ......

    uj5u.com 2023-03-21 07:56:29 more
  • solidity 參考型別修飾符memory、calldata與storage 常量修飾符C

    在solidity語言中 參考型別修飾符(參考型別為存盤空間不固定的數值型別) memory、calldata與storage,它們只能修飾參考型別變數,比如字串、陣列、位元組等... memory 適用于方法傳參、返參或在方法體內使用,使用完就會清除掉,釋放記憶體 calldata 僅適用于方法傳參 ......

    uj5u.com 2023-03-08 07:57:54 more
  • solidity注解標簽

    在solidity語言中 注釋符為// 注解符為/* 內容*/ 或者 是 ///內容 注解中含有這幾個標簽給予我們使用 @title 一個應該描述合約/介面的標題 contract, library, interface @author 作者的名字 contract, library, interf ......

    uj5u.com 2023-03-08 07:57:49 more
  • 評價指標:相似度、GAS消耗

    【代碼注釋自動生成方法綜述】 這些評測指標主要來自機器翻譯和文本總結等研究領域,可以評估候選文本(即基于代碼注釋自動方法而生成)和參考文本(即基于手工方式而生成)的相似度. BLEU指標^[^?88^^?^]^:其全稱是bilingual evaluation understudy.該指標是最早用于 ......

    uj5u.com 2023-02-23 07:27:39 more
  • 基于NOSTR協議的“公有制”版本的Twitter,去中心化社交軟體Damus

    最近,一個幽靈,Web3的幽靈,在網路游蕩,它叫Damus,這玩意詮釋了什么叫做病毒式營銷,滑稽的是,一個Web3產品卻在Web2的產品鏈上瘋狂傳銷,各方大佬紛紛為其背書,到底發生了什么?Damus的葫蘆里,賣的是什么藥? 注冊和簡單實用 很少有什么產品在用戶注冊環節會有什么噱頭,但Damus確實出 ......

    uj5u.com 2023-02-05 06:48:39 more