Skip to content
On this page

🔎Markdown 基础语法

Markdwon 是一种轻量级 标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以 HTLM 格式发布。Markdown 也可以理解为将以 MARKDOWN 语法编写的语言转换成 HTML 内容的工具。

标题

Markdown 支持 6 种级别的标题,对应 html 标签 h1 ~ h6

提示

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

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

以上标记效果如下:

标题效果

字体

  • 加粗 左右两个*
  • 斜体 左右一个*
  • 斜体加粗 左右三个*
  • 删除线 左右两个~

示例:

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

效果如下:

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

引用

一个>即可,也可以加 2、3、4 n 个

示例:

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

分割线

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

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

效果如下:





图片

语法:

![alt 属性文本](图片地址)
![alt 属性文本](图片地址 '可选标题')

示例:

![alt 属性文本](/img/.png)

效果如下:

超链接

语法:

[链接名称](链接地址)
或者
<链接地址>

示例:

打开超链接 [百度](https://www.baidu.com/)

效果如下:

打开超链接 百度

列表

Markdown 支持有序列表和无序列表。

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:

示例:

+ 第一项
+ 第二项
+ 第三项

效果如下:

  • 第一项
  • 第二项
  • 第三项

有序列表使用数字并加上 . 号来表示:

示例:

1. 第一项
2. 第二项
3. 第三项

效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

列表嵌套

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

示例:

1. 第一项:
   - 第一项嵌套的第一个元素
   - 第一项嵌套的第二个元素
2. 第二项:
   - 第二项嵌套的第一个元素
   - 第二项嵌套的第二个元素

效果如下:

  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

表格

语法:

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

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
- 两边加:表示文字居中
- 右边加:表示文字居右

注:原生的语法两边都要用 | 包起来。此处省略

示例:

| 左对齐     |  居中对齐  |     右对齐 |
| ---------- | :--------: | ---------: |
| 单元格内容 | 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 | 单元格内容 |

效果如下:

左对齐居中对齐右对齐
单元格内容单元格内容单元格内容
单元格内容单元格内容单元格内容
单元格内容单元格内容单元格内容

代码

单行:一个反引号包起来
代码块:三个反引号包起来,且两边的反引号单独占一行

示例:

js
`console.log('hello world !')```` js
  function hello(){
    console.log('hello world !');
  }
  hello();
```;

效果如下:

console.log('hello world !')

js
function hello() {
  console.log('hello world !');
}
hello();

支持 HTML 元素

示例:

html
<div style="color:red;fontSize:24px;">示例内容</div>

效果如下:

示例内容

Released under the MIT License.