Markdown 能力展示

这篇 seed 文章专门用来展示博客前端当前支持的 Markdown 能力，包括引用 [1]、文内交叉引用、表格 caption、callout、代码块和基础排版。

Callout 展示

下面这一组例子专门展示 GitHub 风格 callout 在当前前端里的语义差异，以及自定义 label 的 fallback 效果。

文本与链接

你可以在正文里混合使用 粗体、斜体、inline code 和普通链接，例如 Payload CMS 文档。

当一套内容系统开始支持引用、图表和结构化代码块时，它就不只是“能发文章”，而是开始具备技术出版的骨架。

列表与提示块

• 无序列表适合快速罗列能力点。
• 有序列表适合展示步骤。
• callout 适合强调上下文或风险。

1. 先写正文。
2. 再补引用。
3. 最后检查文内交叉引用是否正确落点。

图表与交叉引用

下方的 [图 1] 和 [表 1] 分别展示了图片锚点和表格 caption 的文内引用能力。

受控组件渲染

下面这两个例子展示了白名单组件的渲染能力。语法看起来像 TSX，但并不会执行任意代码，只会映射到系统内置组件。

代码块

下面是一段 tsx fenced code block，应该被渲染为带语言标签的代码块，而不是组件执行结果。

tsxexport function NoticeCard({ title }: { title: string }) {
  return (
    <section className="notice-card">
      <h3>{title}</h3>
      <p>This remains a code example rather than executable JSX.</p>
    </section>
  )
}

小结

如果你需要一篇文章同时验证标题目录、引用、图片、表格、callout、排版和代码块，这一篇就是系统能力的完整样本。