跳转到正文
青云 Qingyun
返回

如何在 Astro 博客文章中使用 LaTeX 公式

更新于:
编辑此页

本文演示如何在 AstroPaper 中启用 LaTeX 公式能力,适合写数学、算法或工程推导类内容。

目录

安装依赖

pnpm install rehype-katex remark-math katex

配置 Astro

在 astro.config.ts 中增加:

引入 KaTeX 样式

在 src/layouts/Layout.astro 的 head 中引入 katex.min.css,保证公式样式正确展示。

调整排版颜色

在 src/styles/typography.css 中给 .katex-display 设置文本颜色,确保亮暗主题下对比度一致。

行内公式示例

块级公式示例

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

$$ \zeta(s) = \sum_{n=1}^{\infty} \frac{1}{n^s} $$

$$ \begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \ \nabla \cdot \mathbf{B} &= 0 \ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \end{aligned} $$

常见符号

总结

完成上述配置后,Markdown 中的数学表达就能稳定渲染。对于技术博客和方法论文档,这是非常实用的能力。


编辑此页
分享这篇文章:

上一篇
在 AstroPaper 中新增文章
下一篇
AstroPaper 文章的动态 OG 图生成