---
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>`标签，在下面插入如下代码；

```html
<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

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