markdown用法分享

192 阅读2分钟

# 1、使用 = 标记一级标题

## 2、使用 - 标记二级标题

# 3、一级标题

## 4、二级标题

### 5、三级标题

#### 6、四级标题

##### 7、五级标题

###### 8、六级标题

*9、斜体文本*

_斜体文本_

**10、粗体文本**

_粗体文本_

*11、粗斜体文本*

_粗斜体文本_

------

++++++

~~12、波浪线是删除线~~

<u>13、下划线文本</u>

14、创建脚注格式 [^蓝翔]

### 15、无序列表

- 淘宝

- 天猫

- QQ

- 微信

- 京东

- 字节跳动

### 16、有序列表

\1. 瓜子

\2. 花生

\3. 矿泉水

\4. 八宝粥

### 17、列表嵌套

  1. 阿里巴巴

    - 淘宝

    - 天猫

    - 1688

    - 阿里妈妈

  2. 腾讯

    - QQ

    - 微信

    - 天美

    - 光子

> 18、区块引用 -- 报菜名

>

> 蒸羊羔

>

> > 蒸熊掌

> >

> > > - 蒸鹿尾儿

> > >

> > > > 1. 烧花鸭

> > >

> > > > 2. 烧雏鸡

> >

> > > > 3. 烧子鹅

>

> > > - 卤猪

> > > - 卤鸭

> >

> > 酱鸡

> 腊肉

- 19、列表中使用区块

> 松花

>

> 小肚儿

>

> 晾肉

`console.log('20、代码片段')`

```javascript

console.log(%c 21、代码区块, 'color: red');

```

```html

代码区块

```

22、链接:这是一个有意思的网站[啦啦啦](baidu.com)

23、链接也可以用变量来代替,文档末尾附带变量地址:

  • 这个链接用A作为网址变量[Google][A]
  • 这个链接用B作为网址变量[Baidu][B]
  • 在文档结尾为变量赋值

![24、图片用法](p1-jj.byteimg.com/tos-cn-i-t2… '123')

25、这个链接用 C 作为图片网址变量 [123][C]

26、Markdown 制作表格使用 *|** 来分隔不同的单元格,使用 *-** 来分隔表头和其他行

| 表头 | 表头 |

| ------ | ------ |

| 单元格 | 单元格 |

| 单元格 | 单元格 |

- -: 设置内容和标题栏居右对齐

- :- 设置内容和标题栏居左对齐

- :-: 设置内容和标题栏居居中对齐

| 左对齐 | 右对齐 | 居中对齐 |

| :----- | -----: | :------: |

| 单元格 | 单元格 | 单元格 |

27、支持的 HTML 元素 不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML 撰写。 目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>等 ,如: 使用 Ctrl+C+Ctrl+V 成为一个nb的程序员

28、转义字符

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号

\

`

*

_

{}

[]

()

#

+

-

.

!

29、流程图

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

```

```sequence

对象A->对象B: 对象B你好吗?(请求)

Note right of 对象B: 对象B的描述

Note left of 对象A: 对象A的描述(提示)

对象B-->对象A: 我很好(响应)

对象A->对象B: 你真的好吗?

```

[^蓝翔]: 来蓝翔学前端,前端中的挖掘机

[A]: www.google.com

[B]: www.baidu.com

[C]: dss0.bdstatic.com/70cFvHSh_Q1…