支持3种思维导图方式 mindmap、mermaid和flow
1 mindmap3个重音符号```,波浪键上那个反单引号。>
后面的数字是高度
Choose here
javascript typescript html css shell python golang java c c++ c# php ruby swift kotlin scala rust dart elixir haskell lua perl r sql
` ` ` mindmap>400
# 水务院
## 水工
### 水工一室
### 水工二室
## 施工
### 施工一室
### 施工二室
## 预算
### 预算一室
### 预算二室
` ` ` ——这3 个反单引号之间不要有空格,这里是为了显示需要,
加了空格,实际使用的时候不要加空格。
注意是键盘左上角波浪号下方那个反单引号
效果如下:
Choose here
javascript typescript html css shell python golang java c c++ c# php ruby swift kotlin scala rust dart elixir haskell lua perl r sql
# 水务院
## 水工
### 水工一室
### 水工二室
## 施工
### 施工一室
### 施工二室
## 预算
### 预算一室
### 预算二室
2 mermaiddoc.gsw945.com/docs/... blog.csdn.net/wangya... mermaid-js.github.io...
2.1 增加链接
Choose here
javascript typescript html css shell python golang java c c++ c# php ruby swift kotlin scala rust dart elixir haskell lua perl r sql
` ` ` mermaid
graph LR
A --> B
B --> C
click B "https://www.github.com"
` ` `
A
B
C
for peace
forbidden
A perhaps?
2.2 样式类为了方便样式的使用,可以定义类来使用样式 类的定义示例: classDef className fill:#f9f,stroke:#333,stroke-width:4px; 对节点使用样式类: class nodeId className; 同时对多个节点使用相同的样式类: class nodeId1,nodeId2 className;
3 带有色块的流程图流程图是以 flow , 开始并以
结尾的区块中
Choose here
javascript typescript html css shell python golang java c c++ c# php ruby swift kotlin scala rust dart elixir haskell lua perl r sql
st => start: Start| past: > http: / / www. google. com[ blank]
e => end: End| future: > http: / / www. google. com
op1 => operation: My Operation| past
op2 => operation: Stuff| current
sub1 => subroutine: My Subroutine| invalid
cond => condition: Yes
or No? | approved: > http: / / www. google. com
c2 => condition: Good idea| rejected
io => inputoutput: catch something... | future
st- > op1 ( right) - > cond
cond ( yes, right) - > c2
cond ( no) - > sub1 ( left) - > op1
c2 ( yes) - > io- > e
c2 ( no) - > op2- > e
Parse error on line 2:
... TDst=>start: Start|past:>http://www.go
----------------------^
Expecting 'SPACE', 'GRAPH', 'DIR', 'subgraph', 'SQE', 'end', 'AMP', 'ALPHA', 'COLON', 'TAGEND', 'START_LINK', 'STYLE', 'LINKSTYLE', 'CLASSDEF', 'CLASS', 'CLICK', 'DOWN', 'UP', 'DEFAULT', 'NUM', 'COMMA', 'MINUS', 'BRKT', 'DOT', 'PCT', 'TAGSTART', 'PUNCTUATION', 'UNICODE_TEXT', 'PLUS', 'EQUALS', 'MULT', 'UNDERSCORE', got 'PIPE' 甘特图
Choose here
javascript typescript html css shell python golang java c c++ c# php ruby swift kotlin scala rust dart elixir haskell lua perl r sql
` ` ` mermaid
gantt
dateFormat YYYY-MM-DD
section S1
T1: 2014-01-01, 9d
section S2
T2: 2014-01-11, 9d
section S3
T3: 2014-01-02, 9d
` ` `
2014-01-01 2014-01-03 2014-01-05 2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 T1 T3 T2 S1 S2 S3 Text
One
Two
Hard
Round
Decision
Result 1
Result 2
<<person>> Banking Customer A A customer of the bank, with personal bank accounts. <<person>> Banking Customer B <<external_person>> Banking Customer C <<system>> Internet Banking System Allows customers to view information about their bank accounts, and make payments. <<person>> Banking Customer D A customer of the bank, with personal bank accounts. <<external_system_db>> Mainframe Banking System Stores all of the core banking information about customers, accounts, transactions, etc. <<external_system>> E-mail system The internal Microsoft Exchange e-mail system. <<system_db>> Banking System D Database A system of the bank, with personal bank accounts. <<system>> Banking System A <<system>> Banking System B A system of the bank, with personal bank accounts. BankBoundary2 [ENTERPRISE] <<system_queue>> Banking System F Queue A system of the bank, with personal bank accounts. <<external_system_queue>> Banking System G Queue A system of the bank, with personal bank accounts. BankBoundary3 [boundary] BankBoundary [ENTERPRISE] Uses Uses Sends e-mails [SMTP] Sends e-mails to System Context diagram for Internet Banking System My working day Cat Me Go to work Me Make tea Me Go upstairs Me Cat Do work Go home Me Go downstairs Me Sit down My working day 79% 18% 3% Dogs Cats Rats 作者:秦晓川 创建时间:2022-07-14 23:22 最后编辑:秦晓川 更新时间:2024-06-23 13:44