Markdown 基本语法

175 阅读3分钟

前言

Markdown 是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

优点:
为是纯文本,所以只要支持 Markdown 的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。

一、标题

在想要设置为标题的文字前面加 # 来表示
一个 # 是一级标题,二个 # 是二级标题,以此类推,支持六级标题

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

二、字体

  • 斜体  要倾斜的文字左右分别用一个 * 号包起来,或者 ctrl + i
  • 加粗  要加粗的文字左右分别用两个 * 号包起来,或者 ctrl + b
  • 斜体加粗  要加粗的文字左右分别用三个 * 号包起来,或者先 ctrl + i,再 ctrl + b
  • 删除线  要加删除线的文字左右分别用两个 ~~ 号包起来
*这是倾斜的文字*
**这是加粗的文字**
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是倾斜的文字
这是加粗的文字
这是斜体加粗的文字
这是加删除线的文字

三、引用

在引用的文字前加 > 即可。

> 这是引用的内容

效果如下:

这是引用的内容

四、分割线和换行

分割线

三个或者三个以上的 * 或者 - 都可以。

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

效果如下:





换行

只需在行末加两个空格键

五、图片

语法:

![图片alt](图片地址)
图片 alt 就是当加载不出图片时显示的文字。

示例:

![reactPic](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/85503bedc0b840d0acafab5edd7efb75~tplv-k3u1fbpfcp-zoom-1.image)

效果如下: reactPic 上传本地图片直接点击导航栏的图片标志,选择图片即可

六、超链接

语法:

[超链接名](超链接地址)

示例:

[掘金](https://juejin.cn/)
[百度](http://baidu.com)

效果如下:
掘金
百度
注:链接会在新页面中打开

七、列表

无序列表

语法:
无序列表用 - + * 任何一种都可以

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

注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:
数字加点(如:1.)

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

注意:序号跟内容之间要有空格

效果如下:

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

列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级列表内容
    • 二级列表内容
    • 二级列表内容

八、表格

语法:

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

第二行分割表头和内容。
文字默认居左
两边加冒号,表示文字居中
右边加冒号,表示文字居右

示例:

框架|优点|国内外排行
--|:--:|--:
Vue|易上手|国内用的较多
React|更锻炼原生JS能力|国内外用的都比较多
Angular|没学过不知道|国外用的较多
前端框架优点国内外排行
Vue易上手国内用的较多
React更锻炼原生JS能力国内外用的都比较多
Angular没学过不知道国外用的较多

九、代码

语法:
单行代码:代码之间分别用一个反引号包起来

    `代码内容`

多行代码:代码之间分别用三个反引号包起来

(```)
  代码...
  代码...
  代码...
(```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可,也可以使用导航栏中的代码块。