把下面的代码复制到主题目录的 header.php 的
标签<script type="text/javascript" src="https://cdn.mathjax.org/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"
});
公式代码
//块级公式:
$$ 块级公式内容 $$
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
$$ \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N $$
// 行内公式:
$ 行内公式内容 $
$ \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N $
$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $
效果
//块级公式:
$$ 块级公式内容 $$
$$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
$$ \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N $$
// 行内公式:
$ 行内公式内容 $
$ \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N $
$ x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $
让博客支持公式输入,这个方法是我看过的最佳答案。
原来加了好几个插件都有BUG,还是直接改代码最方便😂
哈哈,自己改的代码放心😁
突然发现这个代码不支持PJAX加载,我还是得想办法弄个回调😂