博客高级特性渲染测试

现代博客通常支持更多扩展语法，如 LaTeX 数学公式、脚注、甚至是直接嵌入 HTML 和 Mermaid 图表。本篇文章用于验证这些高级特性的支持情况。

数学公式 (Math)

很多技术博客（尤其是机器学习或算法相关）需要渲染数学公式。

行内公式测试：
质能等价定理公式是由爱因斯坦提出的：\(E = mc^2\)。还有一个经典的欧拉公式：\(e^{i\pi} + 1 = 0\)。测试行内公式是否能完美融入段落文本中而不影响行高。

块级公式测试 (Math Block)：
下面是高斯积分公式：

\[ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} \]

以及一个更复杂的矩阵公式或求和公式：

\[ f(x) = a_0 + \sum_{n=1}^{\infty} \left( a_n \cos \frac{n\pi x}{L} + b_n \sin \frac{n\pi x}{L} \right) \]

在撰写严谨的文章时，脚注是必不可少的。

这是一个包含脚注的句子¹。我们可以通过脚注来补充说明或者提供参考文献的链接²。点击脚注编号应该能平滑滚动到页面底部的对应位置。

很多时候我们会直接使用 HTML 来实现 Markdown 无法完成的样式：

这是一些使用 HTML 实现的彩色标签：
Error
Success
Info

使用 <details> 和 <summary> 实现的折叠面板：

点击展开查看隐藏内容

这是一段隐藏的内容。通过原生 HTML 标签实现，这在写 FAQ 或者长篇文档时非常有用，可以节省页面空间。