【Markdown 转载学习】语法入门，示例+效果

本文转载自，原文请点此访问跳转
本人学习整理

1.标题

使用 “#” 可以展现1-6级别的标题

• 示例

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题

• 效果

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

2.字体

• 加粗

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

• 斜体

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

• 斜体加粗

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

• 删除线

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

• 效果
  加粗的文字
  倾斜的文字`
  斜体加粗的文字
  加删除线的文字

3.引用

在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>

• 示例

> 第一个层级的引用
>> 第二个层级的引用
>>> 第三个层级的引用

• 效果

第一个层级的引用

第二个层级的引用

第三个层级的引用

4.分割线

三个或者三个以上的 * 或者 -，效果都是一样的。

• 示例

---
----
***
****

• 效果

---

---

---

---

5.列表

1)无序列表

无序列表用 - + * 任何一种都可以, 序号跟内容之间要有空格

• 示例

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

• 效果
  
  

• 列表的内容

• 列表的内容

• 列表的内容

2)有序列表

序号跟内容之间要有空格

• 示例

1. 列表内容
列表1内容
2. 列表内容
列表2内容
3. 列表内容
列表3内容

• 效果

1. 列表内容
   列表1内容
2. 列表内容
   列表2内容
3. 列表内容
   列表3内容

3)列表嵌套

列表中可以嵌套列表；有序列表和无序列表也可以互相嵌套；

+ 第一层列表
TAB + 第二层列表
TAB + TAB + 第三层列表

• 示例

+ 我是第一层列表
	+ 我是第二层列表
		+ 我是第三层列表
			+ 我是第四层列表

----
1. 我是第一层有序列表
	+ 我是第二层无序列表
		1. 我是第三层有序列表
		2. 我也是第三层有序列表

• 效果

• 我是第一层列表
  • 我是第二层列表
    • 我是第三层列表
      • 我是第四层列表

---

1. 我是第一层有序列表
   • 我是第二层无序列表
     1. 我是第三层有序列表
     2. 我也是第三层有序列表

6.表格

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

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

• 示例

    | 水果        | 价格    |  数量  |
    | --------   | -----:   | :----: |
    | 香蕉        | $1      |   5    |
    | 苹果        | $1      |   6    |
    | 草莓        | $1      |   7    |

• 效果

  水果	价格	数量
  香蕉	$1	5
  苹果	$1	6
  草莓	$1	7

7.代码

单行代码：代码之间分别用一个反引号包起来 代码块：代码之间分别用三个反引号包起来，且两边的反引号`单独占一行

• 效果
  我是被一个单引号包裹起来的单行代码
  
  

我是被三个反引号包起来的代码块
我是被三个反引号包起来的代码块
我是被三个反引号包起来的代码块

8.图片

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

• 示例

![avatar](https://pic.cnblogs.com/avatar/2746340/20220208140424.png "头像")

• 效果
  

9.超链接

title可加可不加

• 示例

[博客园](https://www.cnblogs.com/)

• 效果
  博客园

10.流程图

• 示例

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

• 效果，博客园原生Markdown不支持流程图，需使用flowchart.js

st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```