商务合作加Q:411239339

Markdown语法命令大全(持续整理中……)

浏览:329次阅读
没有评论

共计 2135 个字符,预计需要花费 6 分钟才能阅读完成。

0x00 外链教程

点击查看教程

Markdown 语法命令大全(持续整理中……)

0x01 思维导图画法

0x02 流程图画法

代码:

graph TB
    id((开始))
    id[带文本的矩形]-->id4(带文本的圆角矩形)
    id4 --> id3> 带文本的不对称的矩形 ]
    id3 --> id1{带文本的菱形}
    id1 --> id2((结束))

效果如下:

节点之间的连接

  • A --> B A 带箭头指向 B
  • A --- B A 不带箭头指向 B
  • A -.- B A 用虚线指向 B
  • A -.-> B A 用带箭头的虚线指向 B
  • A ==> B A 用加粗的箭头指向 B
  • A -- 描述 --- B A 不带箭头指向 B 并在中间加上文字描述
  • A -- 描述 --> B A 带箭头指向 B 并在中间加上文字描述
  • A -. 描述 .-> B A 用带箭头的虚线指向 B 并在中间加上文字描述
  • A == 描述 ==> B A 用加粗的箭头指向 B 并在中间加上文字描述

示例

mermaid
graph LR
    A[A] --> B[B] 
    A1[A] --- B1[B] 
    A4[A] -.- B4[B] 
    A5[A] -.-> B5[B] 
    A7[A] ==> B7[B] 
    A2[A] -- 描述 --- B2[B] 
    A3[A] -- 描述 --> B3[B] 
    A6[A] -. 描述 .-> B6[B] 
    A8[A] == 描述 ==> B8[B] 

效果

子流程图

格式
subgraph title
    graph definition
end
示例
mermaid
graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
效果:

自定义样式

语法:style id 具体样式

示例

mermaid
graph LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px,fill-opacity:0.5
    style id2 fill:#ccf,stroke:#f66,stroke-width:2px,stroke-dasharray: 10,5

效果:

绘制一个流程图, 找出 A、B、C 三个数中最大的一个数。

写法

mermaid
graph LR
    start[开始] --> input[输入 A,B,C]
    input --> conditionA{A 是否大于 B}
    conditionA -- YES --> conditionC{A 是否大于 C}
    conditionA -- NO --> conditionB{B 是否大于 C}
    conditionC -- YES --> printA[输出 A]
    conditionC -- NO --> printC[输出 C]
    conditionB -- YES --> printB[输出 B]
    conditionB -- NO --> printC[输出 C]
    printA --> stop[结束]
    printC --> stop
    printB --> stop

效果:

正文完
扫码赞助
post-qrcode
 0
果子
版权声明:本站原创文章,由 果子 于2020-03-11发表,共计2135字。
转载说明:除特殊说明外本站文章皆由果较瘦原创发布,转载请注明出处。