时间：   |   分类：     |   阅读： 443 字 ~1分钟

五一放假正好有点时间，于是计划完成这个 Issue: Is it possible to add latex support…，要解决支持LateX，只需要集成MathJax。

如何集成

在主题文件layouts/partials/script.html中增加如下，先采用了cloudflare的CDN，暂没有打包到主题目录中，国内可能稍慢些。

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
      inlineMath: [ ['$','$'] ],
      displayMath: [ ['$$','$$'] ],
      processEscapes: true
    },
    "HTML-CSS": { fonts: ["TeX"] }
  });
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML' async></script>

加上 TeX-AMS-MML_HTMLorMML 使得我们可以支持Tex和MathML公式，表示如果浏览器支持MathML解析，那么就使用它，否则会使用HTML-with-CSS来显示数学公式。

如何使用

LaTeX 格式的公式使用主要有两种形式：

  • 包含在段落之中，见上面的inlineMath配置，采用以 $...$ 引用
  • 独立于其他文字，见上面的displayMath配置，采用以 $$...$$ 引用

更多的使用请参考： http://docs.mathjax.org/en/latest/tex.html

样例

段落行内显示

 When $ a \ne 0 $, there are two solutions to $ax^2 + bx + c = 0$ and they are

将会生成

When $ a \ne 0 $, there are two solutions to $ax^2 + bx + c = 0$ and they are

独立段落显示

 $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$

 $$ |AB| = \sqrt{(x_1-x_2)^2 + (y_1-y_2)^2} $$

将会生成

$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. $$

$$ |AB| = \sqrt{(x_1-x_2)^2 + (y_1-y_2)^2} $$

0%