#前言

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

#特殊标签卡模块

通过 - blackType: 开头确定模块类型

#links 链接块一

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

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

	- 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

哔哩哔哩

中国最大二次元网址

Earthworm

PC端英语学习打字网站,适合英语基础较差的人学习

学习记录

#code 代码块

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

基本格式： [language]

选项	描述	默认值
language	语言	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 练习题与答案

未支持

#emoji 绘文字

未支持

#effects 文字特效

	++ 下划线 ++
	++ 波浪线 ++{.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^

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

下划线
波浪线
着重点
紫色下划线
绿色波浪线
黄色着重点
~~删除线~~
~~红色删除线~~
荧光高亮
赤橙黄绿青蓝紫
红色
粉色
橙色
黄色
绿色
靛青
蓝色
紫色
灰色
快捷键 Ctrl +C
H20
29^th

#spoiler 隐藏文字

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

黑幕黑幕黑幕黑幕黑幕黑幕：鼠标滑过显示内容
模糊模糊模糊模糊模糊模糊：选中文字显示内容

#label 标签块

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

default
primary
info
:heavy_check_mark:success
warning
:broken_heart:danger

#note 提醒块

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

	:::default
	默认默认
	:::

	:::primary
	基本基本
	:::

	:::info
	提示提示
	:::

	:::success
	成功成功
	:::

	:::warning
	警告警告
	:::

	:::danger
	危险危险
	:::

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

默认默认

基本基本

提示提示

成功成功

警告警告

危险危险

#tab 标签卡

规则如下，使用;;;开头，拼接同一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 的内容
	;;;

卡片 1
卡片 2

这里是卡片 1 的内容
加粗
success

哔哩哔哩

中国最大二次元网址

这里是卡片 2 的内容

危险危险

第一行
第二行

②号标签卡片 1
②号标签卡片 2

这里是卡片 1 的内容

这里是卡片 2 的内容

#collapse 折叠块

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

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


	+++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}
	+++

默认默认这里是一段文字

下划线

紫色

参考信息

第一行
第二行

蓝色

卡片 1
卡片 2

这里是卡片 1 的内容

这里是卡片 2 的内容

绿色

哔哩哔哩

中国最大二次元网址

黄色

警告警告警告警告警告
label

红色

danger

#taskList 待办事项

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

	{.danger}

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

	{.primary}

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

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

未完成
完成

未完成
默认颜色

#furigana 文字注音

未支持

#media 多媒体

未支持

#math 数学公式

未支持

#mermaid 流程图

未支持

#前言

#特殊标签卡模块

#links 链接块一

#例子

#code 代码块

#展示

#quiz 练习题与答案

#emoji 绘文字

#effects 文字特效

#spoiler 隐藏文字

#label 标签块

#note 提醒块

#tab 标签卡

#collapse 折叠块

#taskList 待办事项

#furigana 文字注音

#media 多媒体

#math 数学公式

#mermaid 流程图

通过 JAVA 实现 Windows 屏幕水印

Step.3 界面展示