Markdown 方言
本页面为本站支持的 Markdown 语法及其方言的使用方法,以及使用示例汇总。
标题
在本站中,1号标题不会出现在右侧的此页内容
中,只有2号标题和3号标题会在网页右侧显示。
# 1号标题
## 2号标题
### 3号标题
#### 4号标题
##### 5号标题
1号标题
2号标题
3号标题
4号标题
5号标题
换行/换段落
注意
这是任何 Markdown 初学者都应该注意的常识。
如果需要换行,应该要在一行的末尾加【两个空格】
这是一个错误的示例,会让两行挤到同一行。
这是一个正确的示例,上一行的末尾有两个空格。
如果需要换段落,应该距离上一段落额外空一行。
这是一个正确的示例。
如果需要换行,应该要在一行的末尾加【两个空格】 这是一个错误的示例,会让两行挤到同一行。
这是一个正确的示例,上一行的末尾有两个空格。
如果需要换段落,应该距离上一段落额外空一行。
这是一个正确的示例。
html
在本站中,可以使用 html 代码,比如<br>可以换行。为了简洁,建议非必要不使用 html 代码。
在本站中,可以使用 html 代码,比如
可以换行。为了简洁,建议非必要不使用 html 代码。
加粗字体
**加粗文字**
__加粗字体__
加粗文字加粗字体
强调/倾斜字体
*倾斜字体*
_倾斜字体_
倾斜字体倾斜字体
快速代码/代码块
`快速代码`
```java
void foo() {
// 代码块
}
```
快速代码
void foo() {
// 代码块
}
注:声明快速代码/代码块的反单引号
可使用 Esc
键下方、数字键 1!
左方的 ~
键输入。
链接
[链接文本](网址)
[SweetRiceMC](https://www.pds.ink)
图片


列表
有序列表每项前面加数字
1.有序列表
2.有序列表
无序列表每项前面加 `+`, `-`, `*` 之中的任意一个符号。同一个无序列表前面的符号必须相同,否则会出现下面的分隔效果。
+ 无序列表
+ 无序列表
- 无序列表
- 无序列表
* 无序列表
* 无序列表
有序列表每项前面加数字
- 有序列表
- 有序列表
无序列表每项前面加 +
, -
, *
之中的任意一个符号。同一个无序列表前面的符号必须相同,否则会出现下面的分隔效果。
- 无序列表
- 无序列表
- 无序列表
- 无序列表
- 无序列表
- 无序列表
任务清单
在**无序列表**的基础上,在符号后面加上一对方括号,方括号里面的内容是空格时不勾选,内容是`x`时勾选
+ [ ] 不勾选的任务清单
+ [x] 勾选的任务清单
在无序列表的基础上,在符号后面加上一对方括号,方括号里面的内容是空格时不勾选,内容是x
时勾选
- [ ] 不勾选的任务清单
- [x] 勾选的任务清单
表格
表格分为三部分,表头、排列方式、主体。
如下所示,我们用 |
来分隔每一列。
表头下面一行就是排列方式,用三个或以上的 -
加上 :
(可选) 来表示。
|---|
表示单元格内容居左 (默认)|:---|
表示单元格内容居左|---:|
表示单元格内容居右|:---:|
表示单元格内容居中
为了源代码美观,排列方式通常会添加多个 -
使其长度与单元格内容一致,表头添加多个空格同理。
如果需要在单元格内换行,请使用 html 代码 <br>
| 表头文字 | 表头文字 | 表头文字 | 表头文字 |
| --- |:--- |:---:| ---:|
| 默认 | 居左 | 居中 | 居右 |
| 单元格内容<br>换行 | 单元格内容 | 单元格内容 | 单元格内容 |
表头文字 | 表头文字 | 表头文字 | 表头文字 |
---|---|---|---|
默认 | 居左 | 居中 | 居右 |
单元格内容 换行 | 单元格内容 | 单元格内容 | 单元格内容 |
方言
从这里开始,介绍 vuepress 以及本站扩展的 Markdown 方言。
Front Matter
你可以理解为,这是当前页面的配置文件
---
title: 页面标题
---
其它配置详见 Front Matter
emoji
:tada: :100:
🎉 💯
目录
[[toc]]
提示
::: tip
普通提示
:::
::: warning
警告提示
:::
::: danger
危险提示
:::
::: details
详细块,在 IE 和旧版 Edge 中不显示
:::
::: tip 自定义标题
在“类型”后面添加文字,即可自定义其标题
:::
::: detail 显示/隐藏折叠内容
uwu
:::
提示
普通提示
注意
警告提示
警告
危险提示
详情
详细块,在 IE 和旧版 Edge 中不显示
自定义标题
在“类型”后面添加文字,即可自定义其标题
显示/隐藏折叠内容
uwu
样式/颜色
主要用法
文字{样式列表}
实现下划线、字体颜色、字体特效等等。样式均在 docs/.vuepress/styles/index.scss
一段下划线文字
{.underline}
一段*下划线*{.underline}文字
一段**加粗下划线**{.underline}文字
多个样式,**红色加粗下划线**{.red .underline}文字
酷炫的**渐变动态**{.rainbow}文字1
酷炫的**渐变动态**{.rainbow1}文字2
可使用的颜色:
+ 红色 red{.red}
+ 青色 cyan{.cyan}
+ 品红色 magenta{.magenta}
+ 金色 gold{.gold}
+ 蓝色 blue{.blue}
+ 绿色 green{.green}
+ 黄绿色 lime{.lime}
+ 黄色 yellow{.yellow}
+ 橘色 orange{.orange}
+ 粉色 pink{.pink}
+ 白色 white{.white}
| |
|:----------------:|
| 舒适的额外表格样式 |
{.soft-table}
一段下划线文字
一段下划线文字
一段加粗下划线文字
多个样式,红色加粗下划线文字
酷炫的渐变动态文字1
酷炫的渐变动态文字2
可使用的颜色:
- 红色 red
- 青色 cyan
- 品红色 magenta
- 金色 gold
- 蓝色 blue
- 绿色 green
- 黄绿色 lime
- 黄色 yellow
- 橘色 orange
- 粉色 pink
- 白色 white
舒适的额外表格样式 |
上标/下标
- 用
^
包裹内容为上标 - 用
~
包裹内容为下标
x~i~^2^
xi2
高亮标记
这是 ==标记内容== ,等于号两边需要空格
这是 标记内容 ,等于号两边需要空格
选项卡组
常用于相同效果不同方法的步骤,特别常用于不同语言相同功能的代码。
::: tabs#可选标记ID
@tab 标题1
内容1
@tab:active 默认激活
内容2
@tab 标题3
内容3
:::
内容1
内容2
内容3