Markdown示例

Mr.Hope ... Basic
大约 3 分钟

# 一级标题

# 一级标题
1

# 二级标题

## 二级标题
1

# 三级标题

### 三级标题
1

# 四级标题

#### 四级标题
1
# 五级标题
##### 五级标题
1
# 六级标题
###### 六级标题
1

# Text

这句话里拥有加粗倾斜删除

这句话里拥有**加粗***倾斜*~~删除~~
1

# 段落

这是一个段落。

这是另一个段落。

这是一个段落

这是另一个段落。
1
2
3

# 换行

这是一句话不过我要在这里
换行

这是一句话不过我要在这里  
换行
1
2

提示

上方的代码中这里后面有两个空格

# 引用

引用也可以连用

可以添加额外的大于号制造更深的引用

> 引用也可以连用
>
> > 可以添加额外的大于号制造更深的引用
1
2
3

# 列表

# 无序列表

  • 无序列表项

  • 无序列表项

    • 列表中的列表项

      • 更多的列表项
      • 更多的列表项
      • 更多的列表项
    • 列表中的长列表项,这个列表项很长。

      而且由很多个段落构成。

      甚至最后一个段落还包含了链接

  • 无序列表项

- 无序列表项
- 无序列表项

  - 列表中的列表项
    - 更多的列表项
    - 更多的列表项
    - 更多的列表项
  - 列表中的长列表项,这个列表项很长。

    而且由很多个段落构成。

    甚至最后一个段落还包含了[链接](#链接)。

- 无序列表项
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 有序列表

  1. 有序列表第一项
  2. 有序列表第二项
    第二项的需要换行
    再次换行
  3. 有序列表第三项
1. 有序列表第一项
2. 有序列表第二项  
   第二项的需要换行  
   再次换行
3. 有序列表第三项
1
2
3
4
5

提示

上方的代码中换行后面有也两个空格

# 分割线


---
1

# 链接

根目录访问主页

相对路径主页

根目录访问关于

相对路径关于

[根目录访问主页](/)

[相对路径主页](../../readme.md)

[根目录访问关于](/about)

[相对路径关于](../../about.md)
1
2
3
4
5
6
7

提示

Vuepress 还兼容如下跳转到主页的写法:

如果希望在使用编辑器编辑 markdown 时也能够进行相互跳转的话,则需要全部使用相对路径,并且readme.md不能省略

代码:

[根目录访问主页 2](/readme.md)

[相对路径访问,兼容 markdown 编写时相互跳转](../readme.md)

[HTML 形式](../index.html)
1
2
3
4
5

# 图片

Logo

![Logo](/logo.png)
1

# Emoji

经典方式:

😉 😢 😆 😋

:wink: :cry: :laughing: :yum:
1

简写:

😎 😃 😗 😦 😃 😦 😉

8-) :) :\* :( :-) :-( ;)
1

提示

更多详见emoji 列表

# 表格

居中 右对齐 左对齐
居中使用:-: 右对齐使用-: 左对齐使用:-
b aaaaaaaaa aaaa
c aaaa a
|     居中      |         右对齐 | 左对齐         |
| :-----------: | -------------: | :------------- |
| 居中使用`:-:` | 右对齐使用`-:` | 左对齐使用`:-` |
|       b       |      aaaaaaaaa | aaaa           |
|       c       |           aaaa | a              |
1
2
3
4
5

# 代码

行内代码效果: code

行内代码效果: `code`

缩进代码:

// Some comments
line 1 of code
line 2 of code
line 3 of code

实际代码:

缩进代码:

    // Some comments
    line 1 of code
    line 2 of code
    line 3 of code
1
2
3
4
5
6

块级代码

Sample text here...
1
块级代码

```
Sample text here...
```

高亮格式:

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
1
2
3
4
5
高亮格式:

```js
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
```