regmsif/hexo-blog @ 65471b037ed865f98023c4d0a3318d8e4221c551

title: MathJax in WordPress tags:

WordPress id: "2312" categories:
- Coding
- Blog Construction date: 2018-03-06 14:00:21 ---

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

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

mathjax-in-wordpress.md 1.3 KB 文件歷史 原始文件

Background

Steps

Known Issues

mathjax-in-wordpress.md 1.3 KB

文件歷史原始文件