Markdown语法详解与示例-优快云博客

本文链接：https://blog.youkuaiyun.com/u013982652/article/details/117560959

1、标题

标题以#开头，#和标题之间有空格，一个#代表一级标题，两个#代表二级标题，以此类推，总共有六级标题，示例及效果如下所示

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

效果图
图片描述

2、文本样式

2.1、斜体

在文本左右分别用1个*或者_包起来，示例及效果如下

*这是斜体* _这也是斜体_

这是斜体 这也是斜体

2.2、粗体

粗体和斜体的用法类似，只不过粗体是用2个*或者2个_包起来，示例及效果如下

**这是粗体** __这也是粗体__

这是粗体 这也是粗体

2.3、粗体加斜体

在文本左右分别用3个*或者_包起来，示例及效果如下

***这是粗体*** ___这也是粗体___

这是粗斜体 这也是粗斜体

2.4、文本标记

在文本左右分别用2个=包起来，示例及效果如下

==文本标记==

文本标记

2.5、删除线

在文本左右分别用2个~包起来，示例及效果如下

~~删除文本~~

~~删除文本~~

2.6、引用文本

在要引用的文本前面加>，示例及效果如下

> 引用文本

引用文本

2.7、上下角标

上角标用1个^包起来，下角标用1个~包起来，示例及效果如下

2^10^=1024
H~2~O=水

2¹⁰=1024
H₂O=水

3、分割线

用3个以上的*或者-表示，示例及效果如下

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

4、列表

4.1、无序列表

在文本前面加 + - * 任何一种，文本和符号之间有空格，示例及效果如下

+ 项目
+ 项目
+ 项目

项目
项目
项目

4.2、有序列表

在文本前面加数字和点，文本和点之间有空格，示例及效果如下

1. 项目1
2. 项目2
3. 项目3

项目1
项目2
项目3

4.3、任务列表

在文本前面加- [ ] ，-和[ ]间有空格，[ ]间也有空格，文本和[ ]间也有空格，已完成任务用- [x]表示，示例及效果如下

- [ ] 计划任务
- [x] 完成任务

计划任务
完成任务

4.4、多级列表

上一级和下一级之间隔3个空格，示例及效果如下

1. 项目
   1. 项目
      1. 项目
      2. 项目
      3. 项目
    2. 项目
    3. 项目
2. 项目
   1. 项目
   2. 项目
3. 项目

项目
1. 项目
  1. 项目
  2. 项目
  3. 项目
2. 项目
3. 项目
项目
1. 项目
2. 项目
项目

5、超链接和图片

5.1、超链接

[超链接名](超链接地址 "超链接title")，title可以不加，加上的话当鼠标指到超链接时会显示title，，示例及效果如下

[我的博客地址](https://blog.youkuaiyun.com/u013982652 "nice哥的博客")
[优快云博客](https://blog.youkuaiyun.com/u013982652)

我的博客地址
 优快云博客

5.2、图片

![图片alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif "title")
图片alt是当图片无法显示时用来代替图片信息，title是当鼠标指到图片上时显示的信息，可以不加，，示例及效果如下

![小猴子](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif "小猴子")

小猴子

6、代码片段

在代码段上下用3个~或者3个`包起来，示例及效果如下

let foo = 'bar';
console.log(foo);

在```之后可以加对应的语言，有语法高亮功能，示例及效果如下

let foo = 'bar';
console.log(foo);

7、表格

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

第二行是分割表头和内容，- 有一个就行，添加多个是为了对齐好看。
文字的排列默认居左，但是csdn的markdown编辑器好像默认居中。
-左边加:	表示文字居左
-右边加:	表示文字居右
-两边加:	表示文字居中
示例及效果如下