创建 2026.04.26 约 1 分钟 markdown mermaid math

Markdown 渲染测试：数学与流程图

一篇用于验证 Markdown、LaTeX 和 Mermaid 构建时渲染的公开测试文章。

这篇文章用于验证公开页面的 Markdown 渲染能力。它应该在构建时完成数学公式、表格、代码块和 Mermaid 图表的转换。

数学公式

行内公式应当稳定显示，例如 $a^2 + b^2 = c^2$ 。块级公式也应该被渲染成 KaTeX：

\int_0^1 x^2\,dx = \frac{1}{3}

场景	预期
普通段落	保持排版节奏
数学公式	构建时渲染为 KaTeX
Mermaid	构建时渲染为 SVG
提示块	支持 `:::tip`
代码块	构建时语法高亮

提示和代码

type RenderTarget = "public" | "workspace";
 
export function describeRender(target: RenderTarget) {
  return `${target}: markdown, math, mermaid, callout, highlight`;
}

Mermaid 图表

flowchart TD
  A[Write Markdown] --> B{Build site}
  B --> C[Render KaTeX]
  B --> D[Render Mermaid SVG]
  C --> E[Publish page]
  D --> E

sequenceDiagram
  participant Author
  participant Content
  participant Build
  participant Page
  Author->>Content: save post
  Content->>Build: load frontmatter and body
  Build->>Page: emit HTML

如果你能看到上面的流程图、时序图和公式，这条内容链路就是完整的。