数学公式
数学方程可通过 KaTeX 渲染。
用法
请参阅 KaTeX 文档以了解详情。
行内公式
要书写行内公式,可以把 LaTeX 公式用 $
包裹:
令 $f\colon[a,b]\to\R$ 为一个黎曼可积的函数。 令 $F\colon[a,b]\to\R$ 等于 $F(x)=\int_{a}^{x} f(t)\,dt$。 因此,$F$ 是连续的,并且对于所有使得 $f$ 在 $x$ 处连续的 $x$,$F$ 都在 $x$ 处可微,并且有 $F'(x)=f(x)$.
http://localhost:3000
令 为一个黎曼可积的函数。 令 等于 。 因此, 是连续的,并且对于所有使得 在 处连续的 , 都在 处可微,并且有 .
块级公式
要书写块级公式(也就是显示模式 display mode),要使用 $$
和一个换行:
$$
I = \int_0^{2\pi} \sin(x)\,dx
$$
http://localhost:3000
配置
要启用 KaTeX,你需要安装 remark-math
和 rehype-katex
两个插件。
- npm
- Yarn
- pnpm
npm install --save remark-math@3 rehype-katex@5 hast-util-is-element@1.1.0
yarn add remark-math@3 rehype-katex@5 hast-util-is-element@1.1.0
pnpm add remark-math@3 rehype-katex@5 hast-util-is-element@1.1.0
注意
注意使用完全相同的版本。 最新版本与 Docusaurus 2 不兼容。
在 docusaurus.config.js
中导入插件:
const math = require('remark-math');
const katex = require('rehype-katex');
把它们添加到你的内容插件或预设选项(通常是 @docusaurus/preset-classic
的 docs 选项):
remarkPlugins: [math],
rehypePlugins: [katex],
Include the KaTeX CSS in your config under stylesheets
:
stylesheets: [
{
href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css',
type: 'text/css',
integrity:
'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
crossorigin: 'anonymous',
},
],
Overall the changes look like:
docusaurus.config.js
const math = require('remark-math');
const katex = require('rehype-katex');
module.exports = {
title: 'Docusaurus',
tagline: 'Build optimized websites quickly, focus on your content',
presets: [
[
'@docusaurus/preset-classic',
{
docs: {
path: 'docs',
remarkPlugins: [math],
rehypePlugins: [katex],
},
},
],
],
stylesheets: [
{
href: 'https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css',
type: 'text/css',
integrity:
'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
crossorigin: 'anonymous',
},
],
};