Mathjax in WordPress

Background

Mathjax允许我们在Blog中插入漂亮的数学公式。WordPress里有许多Mathjax插件,但大多都不尽如人意,总是缺少这样那样的功能。下面介绍一种不使用插件的方法,可以近乎完美地解决问题。

Steps

  • 点击仪表盘左侧“外观”选项卡中的“编辑”选项,进入“编辑主题”;
  • 在右侧的“主题文件”中,选择“主题页眉”(header.php);
  • 找到其中的<head>标签,在下面插入如下代码;

<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": { fonts: ["TeX"] }
  });
</script>

<script type="text/javascript" src="https://cdn.bootcss.com/mathjax/2.7.4/latest.js?config=TeX-MML-AM_CHTML"></script>

  • 点击更新文件,完成后回到站点,查看Mathjax效果;
  • 根据自己的需要修改配置(以上代码适用于大部分情况)。

Known Issues

  • 每次更换主题后需要重复以上步骤。