前言

在文章中增加代码块内容，可展示对应效果

特殊标签卡模块

通过 [- blackType: ]{.label .danger} 开头确定模块类型

[links]{.label .danger} 链接块一

使用 links 标签块，包围 yml 语法书写的内容，字段包括

[blackType]{.label .danger}	模块类型	必填 links
[site]{.label .danger}	站点名称	必填
[owner]{.label .danger}	所属人员	必填
[url]{.label .danger}	站点链接	必填
[desc]{.label .danger}	站点描述	必填
[image]{.label .danger}	站点图片	必填
[color]{.label .danger}	方块颜色	必填
[extinfo]{.label .danger}	扩展备注	可选
[exturl]{.label .danger}	扩展描述	可选

- blackType: links
  site: Earthworm
  owner: cuixueshe
  url: https://earthworm.cuixueshe.com/
  desc: PC端英语学习打字网站,适合英语基础较差的人学习
  image: https://earthworm.cuixueshe.com/logo.png
  color: #e7693f
  extinfo: 学习记录
  exturl: https://xirizhi.cn/docs/learn-english/earthworm/study-record

例子

- blackType: links
  site: 哔哩哔哩
  owner: 哔哩哔哩
  url: https://www.bilibili.com/
  desc: 中国最大二次元网址
  image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
  color: #6AC1EC
- blackType: links
  site: Earthworm
  owner: cuixueshe
  url: https://earthworm.cuixueshe.com/
  desc: PC端英语学习打字网站,适合英语基础较差的人学习
  image: https://earthworm.cuixueshe.com/logo.png
  color: #e7693f
  extinfo: 学习记录
  exturl: https://xirizhi.cn/docs/learn-english/earthworm/study-record

blackType: links
site: 哔哩哔哩
owner: 哔哩哔哩
url: https://www.bilibili.com/
desc: 中国最大二次元网址
image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
color: #6AC1EC
blackType: links
site: Earthworm
owner: cuixueshe
url: https://earthworm.cuixueshe.com/
desc: PC端英语学习打字网站,适合英语基础较差的人学习
image: https://earthworm.cuixueshe.com/logo.png
color: #e7693f
extinfo: 学习记录
exturl: https://xirizhi.cn/docs/learn-english/earthworm/study-record

[code]{.label .danger} 代码块

通过以下内容方式展示
通过三个```开头，新起一行```结尾，开头行后面可填写语言,用于代码块识别，不填写默认text，支持的语言查看
例子：
```java
内容
```

基本格式： [language]

选项	描述	默认值
[language]{.label .danger}	语言	text

展示

import java.util.Scanner;
...
Scanner in = new Scanner (System.in);
// 输入 Scan 之后，按下键盘 Alt + “/” 键，Eclipse 下自动补全。

System.out.println (in.nextLine ());
System.out.println ("Hello" + "world.");

pwd
/usr/home/chris/bin
ls -la
total 2
drwxr-xr-x   2 chris  chris     11 Jan 10 16:48 .
drwxr--r-x  45 chris  chris     92 Feb 14 11:10 ..
-rwxr-xr-x   1 chris  chris    444 Aug 25  2013 backup
-rwxr-xr-x   1 chris  chris    642 Jan 17 14:42 deploy
git add -A
git commit -m "update"
git push

[quiz]{.label .danger} 练习题与答案

:::info
未支持
:::

[emoji]{.label .danger} 绘文字

:::info
未支持
:::

[effects]{.label .danger} 文字特效

++ 下划线 ++
++ 波浪线 ++{.wavy}
++ 着重点 ++{.dot}
++ 紫色下划线 ++{.primary}
++ 绿色波浪线 ++{.wavy .success}
++ 黄色着重点 ++{.dot .warning}
~ 删除线 ~
~ 红色删除线 ~ {.danger}
== 荧光高亮 ==
[赤橙黄绿青蓝紫]{.rainbow}
[红色]{.red}
[粉色]{.pink}
[橙色]{.orange}
[黄色]{.yellow}
[绿色]{.green}
[靛青]{.aqua}
[蓝色]{.blue}
[紫色]{.purple}
[灰色]{.grey}
快捷键 [Ctrl]{.kbd} + [C]{.kbd .red}
H~2~0
29^th^

:::warning
红色删除线的末尾~{.danger}之间必须要有空格，因为渲染器默认会把~~转换为删除线，但如果~后面有值就不转换
:::

++ 下划线 ++
++ 波浪线 ++{.wavy}
++ 着重点 ++{.dot}
++ 紫色下划线 ++{.primary}
++ 绿色波浪线 ++{.wavy .success}
++ 黄色着重点 ++{.dot .warning}
~ 删除线 ~
~ 红色删除线 ~ {.danger}
== 荧光高亮 ==
[赤橙黄绿青蓝紫]{.rainbow}
[红色]{.red}
[粉色]{.pink}
[橙色]{.orange}
[黄色]{.yellow}
[绿色]{.green}
[靛青]{.aqua}
[蓝色]{.blue}
[紫色]{.purple}
[灰色]{.grey}
快捷键 [Ctrl]{.kbd} + [C]{.kbd .red}
H20
29^th^

[spoiler]{.label .danger} 隐藏文字

!! 黑幕黑幕黑幕黑幕黑幕黑幕！！： 鼠标滑过显示内容
!! 模糊模糊模糊模糊模糊模糊！！{.bulr} ： 选中文字显示内容

!! 黑幕黑幕黑幕黑幕黑幕黑幕！！：鼠标滑过显示内容
!! 模糊模糊模糊模糊模糊模糊！！{.bulr} ：选中文字显示内容

[label]{.label .danger} 标签块

[default]{.label}
[primary]{.label .primary}
[info]{.label .info}
[:heavy_check_mark:success]{.label .success}
[warning]{.label .warning}
[:broken_heart:danger]{.label .danger}

[default]{.label}
[primary]{.label .primary}
[info]{.label .info}
[:heavy_check_mark:success]{.label .success}
[warning]{.label .warning}
[:broken_heart:danger]{.label .danger}

[note]{.label .danger} 提醒块

规则如下，使用:::开头，拼接风格样式，最后:::结尾
[:::[样式]]
[内容]
[:::]

:::default
默认默认
:::

:::primary
基本基本
:::

:::info
提示提示
:::

:::success
成功成功
:::

:::warning
警告警告
:::

:::danger
危险危险
:::

:::danger no-icon
危险危险
:::

:::default
默认默认
:::

:::primary
基本基本
:::

:::info
提示提示
:::

:::success
成功成功
:::

:::warning
警告警告
:::

:::danger
危险危险
:::

:::danger no-icon
危险危险
:::

[tab]{.label .danger} 标签卡

规则如下，使用;;;开头，拼接同一ID，空格后拼接标签标题，最后;;;结尾
[;;;[同一ID] [标签名称]]
[内容]
[;;;]

;;;id1 卡片 1
这里是卡片 1 的内容
**加粗**
[success]{.label .success}

- blackType: links
  site: 哔哩哔哩
  owner: 哔哩哔哩
  url: https://www.bilibili.com/
  desc: 中国最大二次元网址
  image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
  color: #6AC1EC
;;;

;;;id1 卡片 2
这里是卡片 2 的内容
:::danger
危险危险
:::
- 第一行
- 第二行
;;;

;;;id2 ②号标签卡片 1
这里是卡片 1 的内容
;;;

;;;id2 ②号标签卡片 2
这里是卡片 2 的内容
;;;

;;;id1 卡片 1
这里是卡片 1 的内容
加粗
[success]{.label .success}

blackType: links
site: 哔哩哔哩
owner: 哔哩哔哩
url: https://www.bilibili.com/
desc: 中国最大二次元网址
image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
color: #6AC1EC
;;;

;;;id1 卡片 2
这里是卡片 2 的内容
:::danger
危险危险
:::

第一行
第二行
;;;

;;;id2 ②号标签卡片 1
这里是卡片 1 的内容
;;;

;;;id2 ②号标签卡片 2
这里是卡片 2 的内容
;;;

[collapse]{.label .danger} 折叠块

规则如下，使用+++开头，拼接样式，空格后拼接标题，最后+++结尾
[+++[样式] [标题]]
[内容]
[+++]

+++ 默认默认 这里是一段文字
++ 下划线 ++
+++


+++primary 紫色
:::info
参考信息
:::

- 第一行
- 第二行
+++


+++info  蓝色
;;;id3 卡片 1
这里是卡片 1 的内容
;;;

;;;id3 卡片 2
这里是卡片 2 的内容
;;;
+++

+++success 绿色
- blackType: links
  site: 哔哩哔哩
  owner: 哔哩哔哩
  url: https://www.bilibili.com/
  desc: 中国最大二次元网址
  image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
  color: #6AC1EC
+++

+++warning 黄色
!! 警告警告警告警告警告！！{.bulr}
[label]{.label .success}
+++

+++danger 红色
[danger]{.label .danger}
+++

+++ 默认默认这里是一段文字
++ 下划线 ++
+++

+++primary 紫色
:::info
参考信息
:::

第一行
第二行
+++

+++info 蓝色
;;;id3 卡片 1
这里是卡片 1 的内容
;;;

;;;id3 卡片 2
这里是卡片 2 的内容
;;;
+++

+++success 绿色

blackType: links
site: 哔哩哔哩
owner: 哔哩哔哩
url: https://www.bilibili.com/
desc: 中国最大二次元网址
image: https://gcore.jsdelivr.net/gh/guicaiyue/FigureBed@master/MImg/20240101223710179.jpg
color: #6AC1EC
+++

+++warning 黄色
!! 警告警告警告警告警告！！{.bulr}
[label]{.label .success}
+++

+++danger 红色
[danger]{.label .danger}
+++

[taskList]{.label .danger} 待办事项

- [ ] 这是一个小叉叉
- [x] 这是一个红色勾勾

{.danger}

- [ ] 未完成
- [x] 完成

{.primary}

- [ ] 未完成
- [x] 默认颜色

这是一个小叉叉
这是一个红色勾勾

{.danger}

未完成
完成

{.primary}

未完成
默认颜色

[furigana]{.label .danger} 文字注音

:::info
未支持
:::

[media]{.label .danger} 多媒体

:::info
未支持
:::

[math]{.label .danger} 数学公式

:::info
未支持
:::

[mermaid]{.label .danger} 流程图

:::info
未支持
:::

前言

特殊标签卡模块

[links]{.label .danger} 链接块一

例子

[code]{.label .danger} 代码块

展示

[quiz]{.label .danger} 练习题与答案

[emoji]{.label .danger} 绘文字

[effects]{.label .danger} 文字特效

[spoiler]{.label .danger} 隐藏文字

[label]{.label .danger} 标签块

[note]{.label .danger} 提醒块

[tab]{.label .danger} 标签卡

[collapse]{.label .danger} 折叠块

[taskList]{.label .danger} 待办事项

[furigana]{.label .danger} 文字注音

[media]{.label .danger} 多媒体

[math]{.label .danger} 数学公式

[mermaid]{.label .danger} 流程图

通过 JAVA 实现 Windows 屏幕水印

Step.3 界面展示