Markdown常用语法

230 阅读3分钟

1.标题

image.png

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

2.代码块

image.png

   <div class="btn-group">
        <Button type="primary" @click="search">查询</Button>
        <Button @click="reset()">重置</Button>
      </div>

以前以为得用三个 ` 才能包裹 其实是


当需要引入一句代码时使用一个`包裹
当需要引入一段代码时使用三个`包裹

3.列表

  • 列表项1
  • 列表项2
  • 列表项3
  • 列表项4
  1. 列表项1
  2. 列表项2
  3. 列表项3
#### 无序列表
- 列表项1
- 列表项2
- 列表项3
- 列表项4
#### 有序列表
1. 列表项1
2. 列表项2
3. 列表项3

4.插入链接

当然我们在文档中可能会有需要链接到其他的url,当然,这在Markdown中也是十分简单的,我们只要使用一个[]()就可以了。

**

#### 插入链接
[百度](http://www.baidu.com)

百度

直接复制链接也是可以的 就是没有备注

www.baidu.com/?tn=4905531…

image.png

5. 插入图片

如果要插入一张图片的话,我们只需要需要在原先的链接前面加一个!就可以了,就像这样![]()

#### 插入一张图片
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1af536c6353145819f35e1bd7e7e7719~tplv-k3u1fbpfcp-watermark.image?)

upload-images.jianshu.io/upload_imag…

插入一张图片

image.png

image.png

百度图片

![百度图片](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)

6.引用

有时,我们会在文章之中引入一些名言名句,这在Markdown中也是十分简单的,我们需要使用一个>,注意>与我们的引入之间有一个空格。

#### 引入
> 人生若只如初见 何事秋风悲画扇

人生若只如初见 何事秋风悲画扇

7. 斜体和粗体

在Markdown中,斜体和粗体使用的是同一个符号*,当文字被一个*包裹时,文字表现为斜体,当文字被两个*包裹时,文字表现为粗体。

使用一个`*`包裹的是*斜体*,使用两个`*`包裹的是**粗体**
  • 使用一个星星包裹的是斜体 *

image.png

正确的是 两个星星紧贴着

使用一个星星包裹的是斜体

使用两个个星星包裹的是斜体

*使用一个星星包裹的是斜体*

**使用两个个星星包裹的是斜体**

8. 比如` 反引号

\ 表示:我想要在正则表达式中插入一个普通的(字面上的)反斜杠,请不要给它任何特殊的意义。

image.png

\四个斜杠显示两个\

Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果(但不用 `` 标签),你可以在星号的前面加上反斜杠:

*literal asterisks*

literal asterisks 加了反引号做强调

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

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

9.表格

image.png

| 标题 |  |
| --- | --- |
|  |  |

表格

表格的常用形式有两种,只要我们使用|-分割就可以了。

#### 表格
1. 表格形式1

| 表格头部1 | 表格头部2 | 表格头部3 |
| -------- |:--------:| -------:|
| 表格内容1  | 表格内容2 | 表格内容3 |
| 表格内容1  | 表格内容2 | 表格内容3 |

2. 表格形式2 

 表格头部1 | 表格头部2 | 表格头部3 
 -------- | -------- | -------
 表格内容1 | 表格内容2 | 表格内容3
 表格内容1 | 表格内容2 | 表格内容3

表格

  1. 表格形式1
表格头部1表格头部2表格头部3
表格内容1表格内容2表格内容3
表格内容1表格内容2表格内容3
  1. 表格形式2

表格头部1 | 表格头部2 | 表格头部3 -------- | -------- | ------- 表格内容1 | 表格内容2 | 表格内容3 表格内容1 | 表格内容2 | 表格内容3

最好用的是结合Snipaste.exe

image.png

直接粘贴图片过来

更多的Markdown语法

markdown语法说明