mathjax

mathjax 是一个开源的 web 数学公式渲染器，由 JS 编写而成，它提供的书写方式
和 letax 书写方式一模一样，那怎么在博客上使用它呢。

使用教程

其实只要你写过前端，就知道只要有 JS 文件，直接在 HTML 的 HEAD 标签内插入
script 语句引入 JS 文件即可。

引入CDN

所以，我们只需要在头部添加下面这句，就可以成功引入 CDN。

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async>
</script>

内联 config 说明

官方提供了一个能让我们内联一个配置选项的功能，要想让这个内联配置生效就得放在 CDN 引入之前。例子如下

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [ ['$','$'], ["\\(","\\)"] ],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
    }
  });
</script>

其中 MathJax.Hub.Config() 里的配置选项是本篇文章的重点，本例表示以 $ 来识别
行内公式，$$ 来识别行间公式

去掉加载信息

Mathjax.js 在加载的时候，我们可以再网页左下角看到加载情况，可以直接在 MathJax.Hub.Config() 里配置去掉，如下

MathJax.Hub.Config({
  showProcessingMessages: false,
  messageStyle: "none"
});

参考文献

前端整合MathjaxJS的配置笔记