MathJax详细配置——在线显示LaTeX公式的解决方案

本文介绍一种如何在博文中显示非图片形式数学公式的方法。

只需在博客后台设置「页首Html代码」项中添加以下代码，即可调用MathJax的CDN在你的博客中显示$\LaTeX$公式，并且这样产生的公式可以任意缩放而无失真。

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [
                ['$', '$'],
                ['\\(', '\\)']
            ],
            displayMath: [
                ['$$', '$$'],
                ["\\[", "\\]"]
            ],
            processEscapes: true
        },
        TeX: {
            extensions: ["AMSmath.js", "AMSsymbols.js"],
            equationNumbers: {
                autoNumber: ["AMS"],
                useLabelIds: true
            },
            Macros: {
                hfill: "{}"
            }
        },
        "HTML-CSS": {
            linebreaks: {
                automatic: true
            },
            availableFonts: ["TeX"],
            scale: 110
        },
        SVG: {
            linebreaks: {
                automatic: true
            }
        }
    });
</script>
<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    
</script>

代码说明可参考MathJax官网：这里和这里，更详细的说明在这里

额外说明：

Macros: {
                hfill: "{}"
            }

这段代码是针对某些TeX公式中含有\hfill 而不能正确解析的问题；

另外scale项是调整公式大小比例，我调整到了110%，自己感觉这样看着不累。

 

下面给一个无编号独行公式的例子：

\[{{\mathbf{R}}_{z}}=\text{E}\left[ \mathbf{Z}\left( t \right){{\mathbf{Z}}^{H}}\left( t \right) \right]=\mathbf{A}{{\mathbf{R}}_{s}}\mathbf{A}+{{\delta}^{2}}\mathbf{I}\]

不妨试试在公式上点击右键，会弹出一个调整显示样式的菜单，并且可以直接复制TeX代码，非常方便。 

 

本文主要参考了网友「逻辑客」提供的方法：利用 MathJax 在博客中写数学公式，在此表示感谢。 

我之前也一直在用Wordpress.com，不过正如「逻辑客」所说，Wordpress.com的LaTeX书写习惯与平时在本地的习惯有些出入，另外Wordpress.com不能添加JS代码以及编辑CSS，可玩性不高，除了界面漂亮域名给力外，用起来并不觉得方便。尽管如此，我还是会继续使用它，因为它稳定——在科学上网的前提下——就这一个原因就足够了。

Enjoy \(\LaTeX\)！