T11e Callout Smoke Test

#元 #测试 193 words 1 min read

Rendering verification for T11e. The callout shortcode has four supported types — note / tip / warn / danger — wired up in layouts/partials/icon.html and styled in assets/css/components.css. Any other type falls back to an icon-less shell, so this page only exercises the four real ones.

1. All four types, with title

Note

Default type. 3px grey rule on the left, neutral icon.

Tip

Green rule, green icon. Use for hidden usage hints and small suggestions.

Warning

Amber rule. Operations with side effects or trade-offs.

Danger

Vermilion rule on a soft pink ground, sourced from the site accent. Use for irreversible operations.

2. Without title

With no title, the body starts on the first line.
Good for one-line reminders.

3. Nested markdown

Nested test

The callout body runs through RenderString, so bold, internal links , and inline code should all render.

Self-check list

  • The four types use distinct colors (grey / green / amber / vermilion)
  • All four icon partials resolve — no empty <div class="callout-icon">
  • Variants with a title show <p class="callout-title"> in bold
  • Nested markdown renders correctly (bold / link / inline code)
  • All four types remain readable in dark mode