在主题的header.php下加入以下代码
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"></script>
如果你不想使用V3想使用V2版本的话,可以使用下方代码
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML'></script>
引用第三方服务器上的 JS 文件虽然很方便,但是不够独立,因此,我采用的方案是将 MathJax 下载下来,部署在自己的服务器上(下载地址https://github.com/mathjax/MathJax)。
因此,我在header.php
文件中写入的代码是类似这样的:
<script src="xxx/xxx/MathJax/es5/tex-chtml.js" id="MathJax-script" async></script>
之后在主题的header.php
中添加以下代码
<script>
MathJax = {
tex:
{
inlineMath: [['$', '$'],['[latex]', '[/latex]']],
displayMath: [['$$', '$$'],['[Latex]', '[/Latex]']]
}
};
</script>
其中 inlineMath
表示行内代码,比如 $\sqrt{2}$
的效果为$\sqrt{2}$,displayMath
表示行间代码,$$\sqrt{2}$$
的效果为$$\sqrt{2}$$