當前位置：首頁 >

markdown写法

發布時間：2023/12/31 45 豆豆

生活随笔收集整理的這篇文章主要介紹了 markdown写法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

分享主題

目錄一
- markdown
- - 常用功能
  - - 代碼高亮
    - 代碼片
    - - css
      - js
      - powershell
    - 列表
    - 自定義列表
    - 文本樣式
    - 鏈接
    - 圖片
    - 分割線
    - 表格
    - 注釋
    - 制作待辦事項To-do List
    - Mermaid流程圖
    - Flowchart流程圖
    - 序列圖
    - 甘特圖
    - UML圖
    - classDiagram類圖
    - 數學公式
目錄二
- 二級標題
- - 三級標題
  - - 四級標題

目錄一

markdown

常用功能

代碼高亮

alert('hello world')

代碼片

css

.container {width: 100%; }

js

// js代碼片 alert(1);

powershell

cp -r dir1 dir2

列表

項目
- 項目
  - 項目

項目1

項目2

項目3

計劃任務
完成任務
####

自定義列表

Markdown

Text-to-HTML conversion tool

Authors

John

Luke

文本樣式

強調文本強調文本

加粗文本 加粗文本

標記文本

刪除文本

引用文本

H₂O is是液體。

2¹⁰ 運算結果是 1024。

鏈接

link

圖片

圖片:

帶尺寸的圖片:

居中的圖片:

居中并且帶尺寸的圖片:

分割線

表格

項目Value

電腦	$1600
手機	$12
導管	$1

Column 1Column 2

centered 文本居中

right-aligned 文本居右

注釋

Markdown將文本轉換為 HTML。

制作待辦事項To-do List

已完成項目
- 項目1
代辦事項1

Mermaid流程圖

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

Flowchart流程圖

Created with Rapha?l 2.2.0開始我的操作確認？結束yesno

序列圖

sequenceDiagram loop every day A->>B: How are you? B-->>A: Great! end

甘特圖

Mon 06Mon 13已完成進行中計劃中現有任務Adding GANTT diagram functionality to mermaid

UML圖

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

classDiagram類圖

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

數學公式

Gamma公式展示 $Γ(n)=(n?1)!?n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通過 Euler integral

$Γ(z)=∫0∞tz?1e?tdt.\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

目錄二

二級標題

三級標題

四級標題

------分享人：xxx 分享時間：yyyy-mm-dd------

總結

以上是生活随笔為你收集整理的markdown写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： eslint规范
下一篇： uniapp自定义条件编译-定制化产品