# Markdown

Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯 John Gruber。它允许使用易读易写的纯文本格式编写文档，然后转换成有效的HTML文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支援，目前许多网站都广泛使用 Markdown 来撰写说明文件或是用于论坛上发表讯息。摘自维基百科

# 标题

输入

# 标题1 eyecus
### 标题3 eyecus
#### 标题4 eyecus
##### 标题5 eyecus
###### 标题6 eyecus

1
2
3
4
5

输出

# 标题1 eyecus

# 标题3 eyecus

# 标题4 eyecus

# 标题5 eyecus

# 标题6 eyecus

# 文本

输入

正常文本 eyecus 
**粗体 eyecus** 
*斜体 eyecus* 
[链接 eyecus](https://eyecus.com)

1
2
3
4

输出

正常文本 eyecus

粗体 eyecus

斜体 eyecus

链接 eyecus

# 列表

输入

1. 正常文本1 eyecus
1. 正常文本2 eyecus
1. 正常文本3 eyecus

1
2
3

输出

正常文本1 eyecus
正常文本2 eyecus
正常文本3 eyecus

输入

- 正常文本4 eyecus
- 正常文本5 eyecus
- 正常文本6 eyecus

1
2
3

输出

正常文本4 eyecus
正常文本5 eyecus
正常文本6 eyecus

输入

- 正常文本7 eyecus
- 正常文本8 eyecus
  - 正常文本9 eyecus
  - 正常文本10 eyecus

1
2
3
4

输出

正常文本7 eyecus
正常文本8 eyecus
- 正常文本9 eyecus
- 正常文本10 eyecus

# 图片

输入

![eyecus](https://www.eyecus.com/assets/images/eyecus_logo.svg)

输出

eyecus

# 引用

输入

> 引用文本1 eyecus

输出

引用文本1 eyecus

`引用文本2 eyecus`

输出

引用文本2 eyecus

# 表格

输入

| 表头1 | eyecus | 表头2 |
| :-: | :- | -: |
| 居中文本1 | 左对齐文本1 | 右对齐文本1 |
| 居中文本2 | 左对齐文本2 | 右对齐文本2 |

1
2
3
4

输出

表头1	eyecus	表头2
居中文本1	左对齐文本1	右对齐文本1
居中文本2	左对齐文本2	右对齐文本2

# 特有

输入

::: tip
正常文本 eyecus 
:::

::: warning
正常文本 eyecus 
:::

::: danger
正常文本 eyecus 
:::

1
2
3
4
5
6
7
8
9
10
11

输出

TIP

正常文本 eyecus

WARNING

正常文本 eyecus

WARNING

正常文本 eyecus

输入

::: danger 标题 eyecus
正常文本 eyecus 
:::

1
2
3

输出

标题 eyecus

正常文本 eyecus

输入

``` js
export default {
  name: '正常文本 eyecus',
  // ...
}
```

1
2
3
4
5
6

输出

export default {
  name: '正常文本 eyecus',
  // ...
}

1
2
3
4

输入

``` html
<ul>
  <li
    v-for="todo in todos"
    :key="todo.id"
  >
    {{ todo.text }}
  </li>
</ul>
```

1
2
3
4
5
6
7
8
9
10

输出

<ul>
  <li
    v-for="todo in todos"
    :key="todo.id"
  >
    {{ todo.text }}
  </li>
</ul>

1
2
3
4
5
6
7
8

输入

``` js {4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

1
2
3
4
5
6
7
8
9

输出

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

1
2
3
4
5
6
7

← vuepress