这是一级标题(#开头)

这是二级标题(##开头)

这是三级标题(###开头)

这是四级标题(####开头)

这是五级标题(#####开头)

这是六级标题(######开头)

加粗

要加粗的文字左右分别用两个 ** 号包起来

倾斜

要倾斜的文字左右分别用一个 * 号包起来

加粗&倾斜

要倾斜和加粗的文字左右分别用三个 *** 号包起来

删除线

要加删除线的文字左右分别用两个 ~~ 号包起来

引用

在引用的文字前加>即可。

引用也可以嵌套，如加两个>>

三个>>>

分割线

---

三个或者三个以上的 - 或者 * 都可以

---

图片


图片alt

图片alt : 显示在图片下面的文字
图片title : 图片的标题(tips)

超链接

[超链接名](超链接地址 "超链接title")

Wikipedia

列表

• 无序列表
  用 - + * 任何一种都可以

  +
  +

• 有序列表

  1. 数字加点
  2. 序号跟内容之间要有空格

  1.
  2.

• 列表嵌套
  上一级和下一级之间敲三个空格即可

换行

两个空格后回车

表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
- 文字默认居左
- 两边加：表示文字居中
- 右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

代码

• 单行代码
  `单行代码内容`
  arr=(1 2 3);idx=0;if [ 1 -lt 2 ]; then for item in ${arr[@]}; do echo $item+$idx; let idx++; done; fi;
• 多行代码
  ```
  代码...
  代码...
  代码...
  ```

  arr=(1 2 3)
  idx=0
  if [1 -lt 2] then
      for item in ${arr[@]}
      do
          echo $item+$idx
      done
  fi
  

流程图

使用mermaid插件画流程图
将添加<script src="https://unpkg.com/mermaid@8.4.8/dist/mermaid.min.js"></script>添加到Markdown Preview user settings中

Graph

关键字graph表示一个流程图的开始，同时需要指定该图的方向。例如

graph LR
​ A –> B

表示如下一个从左到右的图。
流程图的定义仅由graph开始，但是方向的定义不止一种。

• TB（ top bottom）表示从上到下
• BT（bottom top）表示从下到上
• RL（right left）表示从右到左
• LR（left right）表示从左到右
• TD与TB一样表示从上到下

节点

有以下几种节点和形状：

• 默认节点 A
• 文本节点 B[bname]
• 圆角节点 C(cname)
• 圆形节点 D((dname))
• 非对称节点 E>ename]
• 菱形节点 F{fname}
  以上大写字母表示节点，name表示它的名字。默认节点的A同时表示该节点和它的名字，例如上图的A和B。

连线

节点间的连接线有多种形状，而且可以在连接线中加入标签：

• 箭头连接 A1–>B1
• 开放连接 A2—B2
• 标签连接 A3–text—B3 或者 A3—|text|B3
• 箭头标签连接 A4–text –>B4 或者 A4–>|text|B4
• 虚线开放连接 A5.-B5 或者 A5-.-B5 或者 A5..-B5
• 虚线箭头连接 A6.->B6 或者 A6-.->B6
• 标签虚线连接 A7-.text.-B7
• 标签虚线箭头连接 A8-.text.->B8
• 粗线开放连接 A9===B9
• 粗线箭头连接 A10==>B10
• 标签粗线开放连接 A11==text===B11
• 标签粗线箭头连接 A12==text==>B12

例子

graph TB
    st(开始)-->op[操作]
    op-->oc{是或者不是}
    co--no-->no((子程序))
    sub-->op
    co--yes-->out[输出]
    out-->en(结束)

image.png

参考文档：https://mermaid-js.github.io/mermaid/#/flowchart?id=thick-link