boxmoe_header_banner_img

Hello! 欢迎来到盒子萌!

test


avatar
zatu 2026年3月5日 26 3 分钟阅读
文章导读

一、标题样式

H2 带竖条标题(h-title)

H3 带竖条标题(h-title)

H4 普通标题

设置类标题(毛笔图标)

下载类标题(云下载图标)

二、引用模块

其实地上本没有路,走的人多了,也便成了路。路是人走出来的,不是天生便有的。

鲁迅

活着就是为了改变世界,难道还有其他原因吗?Stay hungry, stay foolish.

乔布斯

三、提示框(notice)

这是默认 info 提示框,用于普通信息说明。
这是技巧提示框,适合写小贴士内容。
操作已成功!这是成功状态提示框。
请注意!这是警告提示框,提醒用户注意事项。
危险!这是危险提示框,用于强烈警示。
带标题的提示框
这是带有自定义标题的提示框,标题加粗显示在内容上方。这是正文内容部分,可以写较长的说明文字。

四、折叠面板(collapse)

点击展开 — 默认折叠状态

这是折叠面板的内容区域,默认关闭。可以在里面放任何内容,包括嵌套短代码:

折叠内嵌提示框,边距对齐正常。

  1. 第一条嵌套列表项
  2. 第二条嵌套列表项
  3. 第三条嵌套列表项

默认展开的折叠面板

这个面板使用了 open 属性,页面加载时默认处于展开状态。点击标题可以收起。

五、OL 有序列表

  1. 第一项:普通文字列表项
  2. 第二项:支持内嵌药丸 信息蓝成功绿
  3. 第三项:支持内嵌键盘按键 Ctrl + C
  4. 第四项:支持内嵌 危险红 标签
  5. 第五项:这是列表的最后一项

六、药丸标签(yaowan)

实色系:主色 次色 信息蓝 成功绿 危险红 警告橙 浅色 深色

渐变系:渐变主色 渐变次色 渐变蓝 渐变绿 渐变红 渐变橙 渐变浅 渐变深

七、键盘按键(kbd)

常用组合键:Ctrl + C 复制,Ctrl + V 粘贴,Ctrl + Z 撤销,Alt + F4 关闭窗口。

单键示例:Enter Esc Tab Space

八、警告框(alert)

九、代码高亮(precode)

def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print([fibonacci(i) for i in range(10)])

十、剧透遮挡(spoiler)

行内剧透(使用默认提示文字):今天天气真好,其实我在测试剧透功能,点击后这段文字就显示出来了!,继续正文。

自定义提示文字:这道题的答案是 42,这是宇宙的终极答案。

长文本剧透:这是一段较长的剧透内容,主角最终发现凶手是他一直信任的伙伴,原来一切都是精心设计的局,真相令人唏嘘。

十一、飞入动效(rollin)

这是飞入动效容器,页面滚动到这里时会触发从左侧飞入的动画效果。可以放任何内容,是全宽 block 元素。
飞入动效内嵌提示框,滚动到可视区时触发动画。

十二、下载按钮 & 链接按钮

下载资源包 v1.0
备用下载地址
访问官方网站
查看使用文档

下载信息

部分资源来源于网络如有侵权,请联系删除

十三、内容访问控制(userreading)

登录后可见:

该内容仅登录后可见,立即登录

评论后解锁:

请先登录并在本文评论后查看。

密码解锁:

以下内容需要密码才能查看。

十四、文章密码保护区域

十五、综合嵌套测试

展开查看综合嵌套示例

折叠内的设置标

注意事项
以下内容为测试数据,请勿在生产环境直接使用。

  1. 嵌套列表第一项 ✓ 已完成
  2. 嵌套列表第二项 ⚠ 进行中
  3. 嵌套列表第三项 ✗ 未开始

按键提示:按 F12 打开开发者工具,按 Ctrl + Shift + I 也可以。

剧透嵌套:折叠面板内的剧透内容,两层嵌套都正常工作。



评论(已关闭)

评论已关闭