这页用来验证站点当前开启的全局渲染能力,也作为中英双语文章切换的第一篇样例。
数学公式渲染#
行内公式可以正常显示:\(e^{i\pi} + 1 = 0\)。
块级公式也可以正常显示:
$$ \int_0^1 x^2 \, dx = \frac{1}{3} $$Mermaid 图表渲染#
下面的代码块用于检查 Mermaid 代码围栏和站点的交互式图表包装逻辑。
原始 HTML 渲染#
这个折叠组件是直接写在 Markdown 中的原始 HTML。
展开一个原始 HTML 区块
这段文字是嵌入在 Markdown 中的原始 HTML。
行内 SVG 渲染#
下面的徽章使用行内 SVG 编写,应该不会被转义。
交互式 Canvas 渲染#
这个轻量 Canvas 例子用来确认文章中的脚本、滑块和动态图形可以正常运行。
波形强度
6
文章级语言切换#
这篇文章和英文版使用相同的文件名,只增加 .zh 语言后缀:
content/posts/rendering-demo/index.md
content/posts/rendering-demo/index.zh.md
因此 Hugo 可以自动识别它们是一组翻译。文章页上的翻译链接会跳到对应语言版本,顶部导航的语言切换也会优先跳转到当前页面的译文。
