文章导读
一、标题样式
H2 带竖条标题(h-title)
H3 带竖条标题(h-title)
H4 普通标题
设置类标题(毛笔图标)
下载类标题(云下载图标)
二、引用模块
其实地上本没有路,走的人多了,也便成了路。路是人走出来的,不是天生便有的。
鲁迅
活着就是为了改变世界,难道还有其他原因吗?Stay hungry, stay foolish.
乔布斯
三、提示框(notice)
这是默认 info 提示框,用于普通信息说明。
这是技巧提示框,适合写小贴士内容。
操作已成功!这是成功状态提示框。
请注意!这是警告提示框,提醒用户注意事项。
危险!这是危险提示框,用于强烈警示。
带标题的提示框
这是带有自定义标题的提示框,标题加粗显示在内容上方。这是正文内容部分,可以写较长的说明文字。
这是带有自定义标题的提示框,标题加粗显示在内容上方。这是正文内容部分,可以写较长的说明文字。
四、折叠面板(collapse)
点击展开 — 默认折叠状态
这是折叠面板的内容区域,默认关闭。可以在里面放任何内容,包括嵌套短代码:
折叠内嵌提示框,边距对齐正常。
- 第一条嵌套列表项
- 第二条嵌套列表项
- 第三条嵌套列表项
默认展开的折叠面板
这个面板使用了 open 属性,页面加载时默认处于展开状态。点击标题可以收起。
五、OL 有序列表
- 第一项:普通文字列表项
- 第二项:支持内嵌药丸 信息蓝 和 成功绿
- 第三项:支持内嵌键盘按键 Ctrl + C
- 第四项:支持内嵌 危险红 标签
- 第五项:这是列表的最后一项
六、药丸标签(yaowan)
实色系:主色 次色 信息蓝 成功绿 危险红 警告橙 浅色 深色
渐变系:渐变主色 渐变次色 渐变蓝 渐变绿 渐变红 渐变橙 渐变浅 渐变深
七、键盘按键(kbd)
常用组合键:Ctrl + C 复制,Ctrl + V 粘贴,Ctrl + Z 撤销,Alt + F4 关闭窗口。
单键示例:Enter Esc Tab Space ↑ ↓ ← →
八、警告框(alert)
style=1 主色警告框(alert-primary)
style=2 次色警告框(alert-secondary)
style=3 信息蓝警告框(alert-info)
style=4 成功绿警告框(alert-success)
style=5 危险红警告框(alert-danger)
style=6 警告橙警告框(alert-warning)
style=7 浅色警告框(alert-light)
style=8 深色警告框(alert-dark)
九、代码高亮(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)
登录后可见:
该内容仅登录后可见,立即登录。
评论后解锁:
请先登录并在本文评论后查看。
密码解锁:
以下内容需要密码才能查看。
十四、文章密码保护区域
注意!以下部分内容需要输入密码后才能查看!
十五、综合嵌套测试
展开查看综合嵌套示例
折叠内的设置标
注意事项
以下内容为测试数据,请勿在生产环境直接使用。
以下内容为测试数据,请勿在生产环境直接使用。
- 嵌套列表第一项 ✓ 已完成
- 嵌套列表第二项 ⚠ 进行中
- 嵌套列表第三项 ✗ 未开始
按键提示:按 F12 打开开发者工具,按 Ctrl + Shift + I 也可以。
剧透嵌套:折叠面板内的剧透内容,两层嵌套都正常工作。
评论(已关闭)
评论已关闭