使用MathJax在HTML中显示LaTeX

使用MathJax在HTML中渲染LaTex数学公式，只需加入

1
2
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

若需要显示行内公式，则需加入

1
2
3
4
5
6
<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$', '$']]},
        messageStyle: "none"
    });
</script>

与其它JavaScript不兼容的问题

在本Jekyll模板中，

对于行内公式，$x_{1} + y_{2} = 3$无法正确显示：$ x_{1} + y_{2} = 3 $。

而$x_1 + y_2 = 3$($ x_1 + y_2 = 3 \()和`\)x^{1} + y^{2} = 3\(`(\)x^{1} + y^{2} = 3$)则没问题（所以不是使用大括号数量问题，也不是使用下标数量问题？）。

此外，在单独的html文件中也没问题。。

暂时还不知道原因。。