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\)！