在 WordPress 区块编辑器(Gutenberg)中插入数学公式有几种方法,主要包括使用插件或手动添加代码。以下是两种常见的方法:
方法一:使用插件
使用插件是最简单的方法。推荐使用的插件是 MathJax-Latex,它可以轻松地在文章或页面中插入数学公式。
安装插件:
- 登录到 WordPress 后台。
- 转到 “插件” > “安装插件”。
- 搜索 “MathJax-Latex” 并点击 “现在安装”。
- 安装完成后,点击 “启用”。
使用插件:
- 在文章或页面编辑器中,添加一个 “段落” 块。
- 使用
$...$
来包围行内公式,使用$$...$$
来包围块级公式。例如:
1 2 |
这是一个行内公式:$E = mc^2$。 这是一个块级公式: $$ \int_{a}^{b} f(x) \, dx $$ |
方法二:手动添加代码
如果不想使用插件,可以手动添加代码来插入数学公式。以下是两种常用的代码方法:
使用 MathJax:
- 在文章或页面的 HTML 模式下,添加 MathJax 脚本:
1 2 3 |
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"> </script> |
- 使用
$...$
来包围行内公式,使用$$...$$
来包围块级公式。例如:
1 2 |
这是一个行内公式:$E = mc^2$。 这是一个块级公式: $$ \int_{a}^{b} f(x) \, dx $$ |
使用 KaTeX:
- 在文章或页面的 HTML 模式下,添加 KaTeX 脚本和样式:
1 2 3 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.11/katex.min.css"> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.11/katex.min.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.11/contrib/auto-render.min.js" onload="renderMathInElement(document.body);"></script> |
- 使用
\[...\]
来包围行内公式,使用\[...\]
来包围块级公式。例如:
1 2 3 4 5 |
这是一个行内公式:\[E = mc^2\]。 这是一个块级公式: \[ \int_{a}^{b} f(x) \, dx \] |
通过上述方法,你可以在 WordPress 区块编辑器中轻松插入数学公式。