T11e Callout 冒烟测试

#元 #测试 共 338 字 约 1 分钟

T11e 渲染验证。callout 的 4 种 type（note / tip / warn / danger）由 layouts/partials/icon.html 与 assets/css/components.css 实际支持，其余 type 会落到无图标"裸壳"——本页只列这 4 个。

1. 四种 type，带 title

说明

默认 type。左侧 3px 灰条，中性图标。

提示

绿条绿图标。给读者的小贴士、隐藏用法。

注意

琥珀色条，提示有副作用、需要权衡的操作。

谨慎

朱砂红条 + 浅粉底，与全站 accent 同源，用于不可逆操作。

2. 不带 title

省略 title 时，第一行直接接 body。
这种形态适合一句话提醒。

3. 嵌套 markdown

嵌套测试

callout body 走 RenderString，所以 加粗、内链 、代码 都该正确渲染。

自检清单

  • 4 种 type 颜色互不相同（灰 / 绿 / 琥珀 / 朱砂红）
  • icon partial 4 种都能取到 SVG，没有空 <div class="callout-icon">
  • 带 title 的版本 <p class="callout-title"> 出现且字重加粗
  • 嵌套 markdown 正确渲染（粗体 / 内链 / inline code）
  • 暗色模式下 4 种 type 仍可读