486 字
2 分钟
页面浏览--访问次数--
数学公式

Shirone 集成了 KaTeX 数学排版引擎,支持行内公式与独立块级公式的高性能服务端静态渲染。

行内公式#

使用单个美元符号 $ 包裹 TeX 公式:

质能守恒方程为 $E = mc^2$。
欧拉恒等式为 $e^{i\pi} + 1 = 0$。

渲染效果:

质能守恒方程为 E=mc2E = mc^2。

欧拉恒等式为 eiπ+1=0e^{i\pi} + 1 = 0。

行内公式可以和普通文字、行内代码 与加粗文本自由混排,基线对齐由 KaTeX 自动处理。

块级公式#

使用双美元符号 $$ 包裹独立公式块:

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

渲染效果:

∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

矩阵与联立方程同样支持:

$$
\begin{pmatrix}
a & b \\
c & d
\end{pmatrix}
\begin{pmatrix}
x \\
y
\end{pmatrix}
=
\begin{pmatrix}
ax + by \\
cx + dy
\end{pmatrix}
$$

渲染效果:

(abcd)(xy)=(ax+bycx+dy)\begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{pmatrix} x \\ y \end{pmatrix} = \begin{pmatrix} ax + by \\ cx + dy \end{pmatrix}

分式、求和与极限等常见结构也可以一并书写:

∑n=1∞1n2=π26,lim⁡x→0sin⁡xx=1\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}, \qquad \lim_{x \to 0} \frac{\sin x}{x} = 1

优势与特性#

  • SSR 静态生成:公式在构建阶段直接渲染为轻量 HTML 与 MathML 标记,无需在客户端动态加载庞大的 JavaScript 渲染引擎。
  • 动态配色跟随:公式符号与背景色自动适配当前主题的 HCT 调色板与暗色模式。
  • 可访问性与可复制性:输出包含 MathML 语义结构,屏幕阅读器可以朗读公式,复制出的文本也是原始 TeX。
语法效果说明
$...$行内公式跟随文字基线,适合符号与短表达式
$$...$$块级公式独立成行居中展示,适合推导过程
\begin{pmatrix}...\end{pmatrix}矩阵需要 amsmath 风格的 TeX 结构

第 5 篇,共 30 篇本文属于系列

数学公式
https://www.ariels.xyz/posts/markdown-math/
作者
Ariel
发布于
2026-09-21
许可协议
CC BY-NC-ND 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...