markdown 常用语法

Adamin90
2021-05-31 15:40:42
技术栈

一至六级标题分别对应一到六个#，然后加一个空格，举例

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文字加粗，要加粗的文字左右两边加两个*，不能带空改：

**加粗文字**

效果 加粗文字

文字斜体，文字左右两边加1个*，不能带空改：

*斜体*

效果 斜体文字

文字加粗并斜体，文字左右两边加3个*，不能带空改：

***加粗斜体***

效果 加粗斜体

文字加删除线，文字左右两边加2个~

~~删除线~~

效果删除线

文字加粗删除线，套娃，两个~两个*中间加文字

~~**加粗删除线**~~

效果，加粗删除线

文字加粗斜体删除线，套娃，两个~三个*中间加文字

~~***加粗斜体删除线***~~

效果 加粗斜体删除线

斜体删除线，套娃，两个~1个*中间加文字

~~*斜体删除线*~~

效果 斜体删除线

引用，另起一行，加>，后面加空改，跟文字

> 引用数据

效果

引用数据

分割线，三个以上-或*

---
***
----
等

效果

图片

![alt](图片地址 ''图片标题'')

效果

白俊遥博客

超链接

[链接名](链接地址)

效果 Adamin

无须列表

- 列表内容
+ 列表内容
* 列表内容

-，+或*后面要加空改,

效果：

column1
column2

有序列表

1. 内容
2. 内容2
数字表示，后面到有空改

效果

列表1
列表2
列表3

多级列表（嵌套），在列表后另起一行再使用有序或者无需列表

1. 父标题
    - 子标题
    - 子标题2
2. 父标题2

效果

父标题

子标题
子标题2

父标题2
父标题3

代码，代码块

使用 ` 反引号前后闭合包住一个函数或代码片段
`echo "hello world"; `
使用4个空格或一个制表符（tab）表示代码区块 
使用三个~，包裹一段代码可以指定代码的语言

三种效果

echo "hello world!";

<?php echo 'hellow'; ?>

System.out.println("hello world");

表格

| 表头 | 表头 |
| ---- | ---- |
| 单元格|单元格 |
:- 左对齐
-： 右对齐
:-: 居中

效果

左对齐表头	居中对齐表头	右对齐表头
左	中	右

流程图，甘特图


横向流程图源码格式：

```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
```

竖向流程图源码格式：

```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
```

标准流程图源码格式：

```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

标准流程图源码格式（横向）：

```flow
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
```

UML时序图源码样例：

```sequence
对象A->对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗？
```

UML时序图源码复杂样例：

```sequence
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: 没人陪我玩
```

UML标准时序图样例：

```mermaid
%% 时序图例子,-> 直线，-->虚线，->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
```

甘特图样例：

```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
```