Andnot +

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

2014-03-16

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

只需在「_layouts」->「default.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="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
	</script>

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

额外说明：

Macros: {
	hfill: "{}"
		}

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

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

此外采用cdn的http链接而非https链接是因为有时https不能渲染出公式，尽管后者理论上更安全些。

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

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

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

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

Enjoy $ \LaTeX $！

Blog

Research

Photo