MathJax in WordPress

Background

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

Steps

  • 点击仪表盘左侧“外观”选项卡中的“编辑”选项，进入“编辑主题”；
  • 在右侧的“主题文件”中，选择“主题页眉”（header.php）；
  • 找到其中的<head>标签，在下面插入如下代码；
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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

  • 每次更换主题后需要重复以上步骤。
Coding > Blog Construction
#WordPress
MathJax in WordPress
https://regmsif.cf/2018/03/06/coding/mathjax-in-wordpress/
作者
RegMs If
发布于
2018年3月6日
许可协议