这页用来验证站点当前开启的全局渲染能力，也作为中英双语文章切换的第一篇样例。

数学公式渲染

行内公式可以正常显示：\(e^{i\pi} + 1 = 0\)。

块级公式也可以正常显示：

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

Mermaid 图表渲染

下面的代码块用于检查 Mermaid 代码围栏和站点的交互式图表包装逻辑。

flowchart TD Start[开始] --> Write[写 Markdown] Write --> Build[运行 Hugo] Build --> Deploy[推送到 Vercel]

原始 HTML 渲染

这个折叠组件是直接写在 Markdown 中的原始 HTML。

展开一个原始 HTML 区块

这段文字是嵌入在 Markdown 中的原始 HTML。

行内 SVG 渲染

下面的徽章使用行内 SVG 编写，应该不会被转义。

SVG OK

交互式 Canvas 渲染

这个轻量 Canvas 例子用来确认文章中的脚本、滑块和动态图形可以正常运行。

波形强度 6

文章级语言切换

这篇文章和英文版使用相同的文件名，只增加 .zh 语言后缀：

content/posts/rendering-demo/index.md
content/posts/rendering-demo/index.zh.md

因此 Hugo 可以自动识别它们是一组翻译。文章页上的翻译链接会跳到对应语言版本，顶部导航的语言切换也会优先跳转到当前页面的译文。