数学公式

方法一：KaTeX 集成（推荐）

VitePress 默认用 markdown-it 处理 Markdown，因此可以使用 @vscode/markdown-it-katex 插件来支持数学公式。

安装依赖

pnpm i -D @vscode/markdown-it-katex

引入样式

// .vitepress/theme/index.js
import DefaultTheme from 'vitepress/theme'
import 'katex/dist/katex.min.css'

export default {
  ...DefaultTheme,
}

引入渲染插件

// .vitepress/config.js
import { defineConfig } from 'vitepress'
import katex from '@vscode/markdown-it-katex'

export default defineConfig({
  markdown: {
    config: (md) => {
      md.use(katex.default)
    },
  },
})

方法二：默认集成（MathJax）

VitePress 数学方程

需要先安装 markdown-it-mathjax3

// .vitepress/config.js
export default {
  markdown: {
    math: true
  }
}

KaTeX vs MathJax

特性	KaTeX	MathJax
性能	🚀 更快	⏳ 较慢
支持的语法	常见公式足够	几乎完整 LaTeX
体积	小	大
推荐场景	博客、文档	学术、复杂数学

示例

行内公式：
这是一个行内公式：$E = mc^2$，它是爱因斯坦的质能方程。

块级公式：
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

渲染效果：

这是一个行内公式：$E = mc^2$，它是爱因斯坦的质能方程。

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