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"
});