把下面的代码复制到主题目录的 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} $

已有 3 条评论

  1. 让博客支持公式输入,这个方法是我看过的最佳答案。
    原来加了好几个插件都有BUG,还是直接改代码最方便😂

    1. @Owaii

      哈哈,自己改的代码放心😁

      1. @破晓魔王

        突然发现这个代码不支持PJAX加载,我还是得想办法弄个回调😂

发表评论