【博客】MathJax渲染LaTex数学公式

搭建网站后发现网站虽然支持Markdown语法有支持，但是对 $\LaTeX$ 公式缺乏支持，看了下大家的解决方法，决定使用MathJax这一个开源库，直接对当前使用的主题文件进行修改，使其使用MathJax对公式进行渲染。

步骤

把下面的代码复制到主题目录的 header.php 的标签中，第一段是用http的，第二段是用https的，这里的选择主要看服务器端使用http还是https。

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

<script type="text/javascript"
    src="https://d3eoax9i5htok0.cloudfront.net/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

在上文的代码前面加上下面的代码，避免一些习惯冲突（如$$...$$与 $...$ 等公式分隔符）

 <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": { availableFonts: ["TeX"] }
      });
</script>

每次我们刷新页面，Mathjax.js 在加载的时候，在网页左下角会显示加载情况，如果不想它每次都显示可以直接在MathJax.Hub.Config() 里配置去掉，如下：
```
MathJax.Hub.Config({
  showProcessingMessages: false,
  messageStyle: "none"
});
```

总结：

<script type="text/x-mathjax-config">
      MathJax.Hub.Config({
      showProcessingMessages: false,
      messageStyle: "none",
      extensions: ["tex2jax.js"],
      jax: ["input/TeX", "output/HTML-CSS"],
      tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
        processEscapes: true
      },
      "HTML-CSS": { availableFonts: ["TeX"] }
      });
</script>
<script type="text/javascript"
    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?   config=TeX-AMS-MML_HTMLorMML">
</script>