toMedia
Markdown

数学公式

在 Fumadocs 中使用数学公式

安装

安装所需依赖:

npm install remark-math rehype-katex katex

添加插件

source.config.ts 中为 Fumadocs MDX 配置插件:

source.config.ts
import rehypeKatex from 'rehype-katex';
import remarkMath from 'remark-math';
import { defineConfig } from 'fumadocs-mdx/config';

export default defineConfig({
  mdxOptions: {
    remarkPlugins: [remarkMath],
    rehypePlugins: (v) => [rehypeKatex, ...v],
  },
});

rehypeKatex 插件应在语法高亮器之前执行。

添加样式表

在根布局(layout.tsx)中引入 KaTeX 样式:

import 'katex/dist/katex.css';

使用示例

行内公式: $$c = \pm\sqrt{a^2 + b^2}$$

代码块格式:

```math
c = \pm\sqrt{a^2 + b^2}
```

维基百科的公式可以复制并在粘贴时自动转换为 KaTeX 兼容字符串。

On this page