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)

链接文本
SweetRiceMCopen in new window

图片

![图片描述](图片链接)  
![糯米](https://www.pds.ink/assets/images/icon/favicon.png)

糯米

列表

有序列表每项前面加数字

1.有序列表
2.有序列表

无序列表每项前面加 `+`, `-`, `*` 之中的任意一个符号。同一个无序列表前面的符号必须相同,否则会出现下面的分隔效果。

+ 无序列表
+ 无序列表
- 无序列表
- 无序列表
* 无序列表
* 无序列表

有序列表每项前面加数字

  1. 有序列表
  2. 有序列表

无序列表每项前面加 +, -, * 之中的任意一个符号。同一个无序列表前面的符号必须相同,否则会出现下面的分隔效果。

  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
  • 无序列表

任务清单

**无序列表**的基础上,在符号后面加上一对方括号,方括号里面的内容是空格时不勾选,内容是`x`时勾选

+ [ ] 不勾选的任务清单
+ [x] 勾选的任务清单

无序列表的基础上,在符号后面加上一对方括号,方括号里面的内容是空格时不勾选,内容是x时勾选

  • [ ] 不勾选的任务清单
  • [x] 勾选的任务清单

表格

表格分为三部分,表头、排列方式、主体。

如下所示,我们用 | 来分隔每一列。
表头下面一行就是排列方式,用三个或以上的 - 加上 : (可选) 来表示。

  • |---| 表示单元格内容居左 (默认)
  • |:---| 表示单元格内容居左
  • |---:| 表示单元格内容居右
  • |:---:| 表示单元格内容居中

为了源代码美观,排列方式通常会添加多个 - 使其长度与单元格内容一致,表头添加多个空格同理。

如果需要在单元格内换行,请使用 html 代码 <br>

| 表头文字 | 表头文字 | 表头文字 | 表头文字 |
| --- |:--- |:---:| ---:|
| 默认 | 居左 | 居中 | 居右 |
| 单元格内容<br>换行 | 单元格内容 | 单元格内容 | 单元格内容 |
表头文字表头文字表头文字表头文字
默认居左居中居右
单元格内容
换行
单元格内容单元格内容单元格内容

方言

从这里开始,介绍 vuepress 以及本站扩展的 Markdown 方言。

Front Matter

你可以理解为,这是当前页面的配置文件

---
title: 页面标题
---

其它配置详见 Front Matteropen in new window

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

:::

内容2