文章摘要
这是一篇经过优化的主题使用文档
基础Markdown语法
自定义字体大小和颜色
markdown
<font color=#987654 size=5> 自定义字体大小和颜色</font>
<p style="text-align: left">我是居中文字</p>
自定义段落居中/居左/居右
markdown
<p style="text-align: center">自定义段落居中/居左/居右</p>
TIP
P标签支持CSS
(强制换行)
markdown
<br>
| 表头1 | 表头2 | 表头3 | 表头4 |
|---|---|---|---|
| 左对齐 | 居左 | 居右 | 默认居左 |
markdown
| 表头1 | 表头2 | 表头3 | 表头4 |
| :----- | :------: | -----: | - |
| 左对齐 | 居左 | 居右 | 默认居左 |
markdown
[网站](https://yi0086.cn)
markdown
[邮箱]([email protected])
TIP
直接给出链接或邮箱也会自动生成跳转按钮
markdown

这是一级引用
这是二级引用
这是三级引用
又回到了二级引用
回到了一级引用
python
print('块级代码块会自动进行高亮处理')
markdown
``python
print('块级代码块会自动进行高亮处理')
``
TIP
` 这个点要写三个,这里避免渲染错误就不写了
这是行内代码框
markdown
这是行内`代码`框
上标26
markdown
上标^26^
下标1
markdown
下标~1~
加粗
markdown
**加粗**
下划线
markdown
<u>下划线</u>
斜体
markdown
_斜体_
删除线
markdown
~~删除线~~
- 有序列表1
- 有序列表2
- 有序列表3
markdown
1. 有序列表1
2. 有序列表2
3. 有序列表3
- 无序列表1
- 无序列表2
- 无序列表3
- 二级无序列表
markdown
- 无序列表1
- 无序列表2
- 无序列表3
- 二级无序列表
- 待办事项1
- 待办事项2
- 待办事项3(勾选)
markdown
- [ ] 待办事项1
- [ ] 待办事项2
- [x] 待办事项3(勾选)
emoji
脚注 ^bignote
公式
行内:
markdown
行内:$x+y^{2x}$
块级:
markdown
$$
\sqrt[3]{x}
$$
图表
提示框
note
这是内容
markdown
!!! note 标题
这是内容
!!!
info
这是内容
markdown
!!! info 标题
这是内容
!!!
tip
这是内容
markdown
!!! tip 标题
这是内容
!!!
quote
这是内容
markdown
!!! quote 标题
这是内容
!!!
abstract
这是内容
markdown
!!! abstract 标题
这是内容
!!!
attention
这是内容
markdown
!!! attention 标题
这是内容
!!!
success
这是内容
markdown
!!! success 标题
这是内容
!!!
hint
这是内容
markdown
!!! hint 标题
这是内容
!!!
question
这是内容
markdown
!!! question 标题
这是内容
!!!
warning
这是内容
markdown
!!! warning 标题
这是内容
!!!
caution
这是内容
markdown
!!! caution 标题
这是内容
!!!
failure
这是内容
markdown
!!! failure 标题
这是内容
!!!
danger
这是内容
markdown
!!! danger 标题
这是内容
!!!
bug
这是内容
markdown
!!! bug 标题
这是内容
!!!
error
这是内容
markdown
!!! error 标题
这是内容
!!!
example
这是内容
markdown
!!! example 标题
这是内容
!!!
链接卡片
markdown
{linkcard url=https://pan.yi0086.cn title=网站标题 sitename=网站描述 tips=这里输入提示 icon=https://pan.yi0086.cn/favicon.ico }{/linkcard}
折叠框
查看默认打开的红色折叠框
这是一个默认打开的红色折叠框。
markdown
::: folding open #ca1b1b
查看默认打开的红色折叠框
这是一个默认打开的红色折叠框。
:::
| 可选参数 | 含义 |
|---|---|
| open | 默认展开 |
| #ca1b1b | 展开框颜色 |
隐藏块
markdown
:::hidden display=块级隐藏块 bg=#FF7242 color=#fff
这是块级隐藏块展开后的内容
:::
这是行内隐藏块:
markdown
这是行内隐藏块:{hide display=点击显示 bg=#FF7242 color=#fff}这是行内隐藏块展开后的内容{/hide}
| 可选参数 | 含义 |
|---|---|
| bg | 展开前背景颜色 |
| color | 展开前字体颜色 |
文本
这是带下划线的文本
markdown
这是{u}带下划线的文本{/u}
这是带着重号的文本
markdown
这是{emp}带着重号的文本{/emp}
这是带波浪线的文本
markdown
这是{wavy}带波浪线的文本{/wavy}
这是带删除线的文本
markdown
这是{del}带删除线的文本{/del}
按command + D可以复制当前行
markdown
按{kbd}command + D{/kbd}可以复制当前行
密码是:这里没有验证码
markdown
密码是:{psw color=#FF69B4}这里没有验证码{/psw}
这是红色下划线文本
markdown
这是{u color=#FF0000}红色下划线{/u}文本
这是蓝色着重号文本
markdown
这是{emp color=#0066FF}蓝色着重号{/emp}文本
这是绿色波浪线文本
markdown
这是{wavy color=#00CC66}绿色波浪线{/wavy}文本
这是紫色删除线文本
markdown
这是{del color=#9933FF}紫色删除线{/del}文本
按Ctrl + C复制
markdown
按{kbd color=#FF6600}Ctrl + C{/kbd}复制
按钮
markdown
{btn url=https://pan.yi0086.cn text=Yi0086的云盘 icon=anzhiyu-icon-circle-arrow-right color=red style=outline layout=block position=center size=larger}{/btn}
| 参数 | 含义 | 备注 |
|---|---|---|
| url | 链接地址 | 必填 |
| text | 按钮文字 | 必填 |
| icon | 图标 | 使用图标类名,在\anheyu-app-frontend\src\assets\iconfont-anzhiyu\svg内 |
| color | 颜色 | default主题色 - blue蓝色 - pink粉色 - red红色 - purple紫色 - orange橙色 - green绿色 |
| style | 样式 | (默认)实心按钮- outline空心按钮 |
| layout | 布局 | (默认)行内布局 - block块级布局 |
| position | 位置(仅 layout=block 时有效) | (默认)左对齐 - center居中 - right右对齐 |
| size | 大小 | (默认)普通大小 - larger大号按钮 |
按钮组
markdown
:::btns cols=2 style=simple
- icon=https://yi0086.cn/favicon.ico title=Blog url=https://yi0086.cn desc=Yi的博客 color=red
- icon=https://pan.yi0086.cn/favicon.ico title=Pan url=https://pan.yi0086.cn desc=Yi的云盘 color=green
:::
| 参数 | 含义 | 备注 |
|---|---|---|
| url | 链接地址 | 必填 |
| desc | 描述文字 | 必填 |
| icon | 图标 | 使用图标类名或图片链接 |
| color | 颜色 | default主题色 - blue蓝色 - pink粉色 - red红色 - purple紫色 - orange橙色 - green绿色 |
| style | 样式 | default、card、simple |
| cols | 列数 | 每行展示多少个按钮 |
图片组

图1描述

图2描述
markdown
:::gallery cols=2 gap=20 ratio=4:3

<img src="https://upload-bbs.miyoushe.com/upload/2025/10/20/125766904/70dd78e6ccdebf05ea6cca4926dab2f3_3988741683324456483.jpg" alt="图片2替代文本" title="图2描述" />
:::
| 参数 | 含义 | 备注 |
|---|---|---|
| url | 链接地址 | 必填 |
| 替代文本 | 图片失效时显示文本 | |
| 描述 | 图片描述 | |
| cols | 列数 | 每行展示多少个图片 |
| gap | 间距 | 默认为 10px(支持 px、rem、em 单位) |
| ratio | 图片宽高比(如 16:9、1:1) | 不设置则自适应图片原始尺寸 |
tab 分栏
内容 1
内容 2(默认选中)
内容 3
markdown
:::tabs active=2
== tab 标签 1
内容 1
== tab 标签 2
内容 2(默认选中)
== tab 标签 3
内容 3
:::
Tip
{tip text=复杂提示 content=这是一个成功主题、底部显示、点击触发的提示 theme=success position=bottom trigger=click}{/tip}
markdown
{tip text=复杂提示 content=这是一个成功主题、底部显示、点击触发的提示 theme=success position=bottom trigger=click}{/tip}
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| text | 显示的文本 | string | - | 提示文本 |
| content | 提示内容 | string | - | 这里是提示内容 |
| theme | 主题样式 | string | dark/light/info/warning/error/success | dark |
| position | 显示位置 | string | top/bottom/left/right | top |
| trigger | 触发方式 | string | hover/click | hover |
| delay | 延迟时间(ms) | string/number | - | 300 |
本文是原创文章,采用 CC BY-NC-SA 4.0 协议,完整转载请注明来自 Yi
评论
隐私政策
0/500
滚动到此处加载评论...