1.MathJax介绍

[mathjax]

MathJax 是一个开放源代码的JavaScript显示引擎，适用于所有现代浏览器中的LaTeX、MathML和AsciMath表示法。现在用户只需在网页中输入LaTex等语法的公式，剩下的就由MathJax完成了。

官网的原文描述是 "Beautiful and accessible math in all browsers"

MathJax使用基于网络字体来生成高质量的排版，这种排版可以达到完全分辨率，数学公式是基于文本的，而不是基于图像的，因此它可以用于搜索引擎，过去网页中只能把公式做成图片，现在可以用LaTex文字实现。

MathJax官网: https://www.mathjax.org

github地址:https://github.com/mathjax

2.安装Simple MathJax插件

在wordpress的插件商店搜索安装Simple MathJax插件，启用后在 设置→Simple MathJax 可以看见该插件的设置页面。

可以在设置里选择MathJax的版本，自定义CDN分发网络、自定义MathJax配置等。

因为MathJax是基于网络字体生成公式，其内带字体比较大，所以通常推荐使用CDN网络分发进行加载。版本3默认使用Jsdelivr，该插件已经帮我们设置好了，直接用就可以了。国内如果速度比较慢可以考虑在 Custom MathJax CDN 处换成下面的 bootcdn 进行分发。

 https://cdn.bootcss.com/mathjax/3.0.5/es5/tex-mml-chtml.js

但是我觉得速度并不慢，所以就使用默认配置了。

3.如何优雅的打公式

快速上手可以参考《MathJax基础教程笔记》、《MathJax基础教程与快速参考》等文章
详细了解可以参考 《wiki-LaTex》的详细示例

---

LaTex公式的语法还是推荐参考 wiki-LaTex里面的介绍，这里面介绍的更加全面和详细。比如，你现在所看到的下面的公式就是使用LaTex公式语法写出来的$\sigma$：

加载有点问题，公式不自动渲染，请刷新一下网页

$$\forall x \in X, \quad \exists y \leq \epsilon$$

$$\cos (2\theta) = \cos^2 \theta - \sin^2 \theta$$

$$\lim\limits_{x \to \infty} \exp(-x) = 0$$

$$a \bmod b$$

$$\sqrt[a]{b}$$

$$n^{22}$$

$$f(n) = n^5 + 4n^2 + 2 |_{n=17}$$

$$\frac{n!}{k!(n-k)!} = \binom{n}{k}$$

$$\frac{\frac{1}{x}+\frac{1}{y}}{y-z}$$

$$ x = a_0 + \cfrac{1}{a_1 \cfrac{1}{a_2
\cfrac{1}{a_3 + \cfrac{1}{a_4} } } }$$

对应的LaTex公式语法如下：

$$\forall x \in X, \quad \exists y \leq \epsilon$$

$$\cos (2\theta) = \cos^2 \theta - \sin^2 \theta$$

$$\lim\limits_{x \to \infty} \exp(-x) = 0$$

$$a \bmod b$$

$$\sqrt[a]{b}$$

$$n^{22}$$

$$f(n) = n^5 + 4n^2 + 2 |_{n=17}$$

$$\frac{n!}{k!(n-k)!} = \binom{n}{k}$$

$$\frac{\frac{1}{x}+\frac{1}{y}}{y-z}$$

$$  x = a_0 + \cfrac{1}{a_1 \cfrac{1}{a_2 
\cfrac{1}{a_3 + \cfrac{1}{a_4} } } }$$

即使放大网页公式也不会失真，这得益于 MathJax使用基于网络字体来生成高质量的排版，这种排版可以达到完全分辨率，数学公式是基于文本的，而不是基于图像的 ，放大后的网页显示如下：