内容 tag 功能测试(Content Tag Test)
本页用于自动化测试断言 + 功能使用说明。以下 tag 均为主题原生注册(scripts/tags/index.js),语法已用源码验证。
1. 便签 note
用法:{% note 颜色 %}内容{% endnote %}
颜色:default / primary / success / info / warning / danger
这是 warning 便签
这是 success 便签
这是 danger 便签
测试断言:渲染后应含 class="note" 或 admonition 标记。
2. 时间线 timeline
用法:
{% timeline 标题,颜色 %}
<!-- timeline 时间 -->
- 事件内容
<!-- endtimeline -->
{% endtimeline %}主题功能测试记录
2026-08
- 新增内容 tag 测试页
- 新增交互视觉测试页
测试断言:渲染后应含 class="timeline" 标记。
3. 标签页 tabs
用法:
{% tabs 名称,激活序号 %}
<!-- tab 标签标题 -->
内容
<!-- endtab -->
{% endtabs %}这是标签一的内容
这是标签二的内容
测试断言:渲染后应含 nav-tabs 或 tab-content 标记。
4. 行内标签 label
用法:{% label 文字 @颜色 %}
测试断言:渲染后应含 class="label" 标记。
5. 按钮 button
用法:{% button 文字,链接,icon,颜色 %}
测试断言:渲染后应含 btn 或 btn-floating 标记。
6. GitHub 卡片 githubCard
用法:{% githubCard user:用户名 repo:仓库名 %}
测试断言:渲染后应含 github-card 或 card 标记(依赖 GitHub API,失败降级为链接)。
7. Mermaid 图
用法:
{% mermaid %}
graph TD
A-->B
{% endmermaid %}
graph TD
A[构建] --> B[测试]
B --> C[部署]
C --> D[监控]
测试断言:渲染后应含 class="mermaid" 标记。
8. PDF 嵌入
用法:{% pdf 文件URL %}
测试断言:渲染后应含 pdf 相关容器。
9. 插入片段 insertmd
用法:{% insertmd '文件名.md' %}(读取 source/_template/)
测试断言:渲染后应含模板片段内容。
10. 微信对话 wechat_dialog
用法:
{% wechat_dialog %}
{% wd 文字,发送者 %}
{% endwechat_dialog %}测试断言:渲染后应含微信对话容器。