今天更新 Blog 的时候,发现 LaTex 内联公式无法加载。

遂记录如下

主题源代码使用如下的代码:

1
script(async src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML" integrity="sha384-crwIf/BuaWM9rM65iM+dWFldgQ1Un8jWZMuh3puxb8TOY9+linwLoI7ZHZT+aekW" crossorigin="anonymous")

由于 MathJax 不开启 $ 单符号的内联公式,查找文档后遂补上如下代码:

1
2
3
4
script.
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$', '$'],['\\(', '\\)']]}
});

但仍然不起作用。后来查了一下 async 的用处:不会阻塞页面的渲染,同时也不会等待其他脚本的加载。

将第一段代码去除 async 后即可。

1
script(type="text/javascript" src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML")
该主题使用的是 Jade模板引擎,因此上述代码块均为 Jade 代码。

参考文档: