WordPress网站如何正确插入显示数学公式？含代码编写方法

代码部署（无插件，兼容所有主题） #

直接将以下代码添加到全站页脚</body>标签前即可，渲染逻辑和目标效果完全一致，支持行内、块级公式，加载速度快无冲突：

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    displayMath: [['$$', '$$'], ['\\[', '\\]']],
    processEscapes: true
  },
  options: {
    skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
    ignoreHtmlClass: 'no-mathjax'
  }
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

部署操作步骤：

• 进入WordPress后台，打开「外观」-「主题文件编辑器」，选中当前在用的主题，找到footer.php文件
• 将上述代码粘贴到文件末尾的</body>标签之前，点击保存
• 担心更新主题丢失代码的话，可以安装代码片段管理插件，将代码以页脚脚本的形式全局注入，效果相同

公式不生效的常见修复点 #

代码部署后失效基本都是以下原因，逐一排查即可：

• 不要在可视化编辑模式下反复修改公式，WordPress自带的文本过滤器会自动转义反斜杠、特殊符号，导致LaTeX语法被破坏
• 不要同时启用多个数学公式类插件，多套渲染脚本同时加载会直接冲突，导致公式不显示
• 安装了缓存优化、JS延迟加载插件的，需要把MathJax的CDN加载地址加入延迟加载排除列表，避免脚本被拦截无法执行
• 录入公式时如果用古腾堡编辑器，建议使用「自定义HTML」块写入公式内容，写完不要切换回可视化模式，直接发布/更新文章

公式录入规则 #

配置完成后用LaTeX语法录入即可，规则非常简单：

• 行内公式：和正文同行显示的短公式，用单个美元符号包裹，例如$a^2+b^2=c^2$，渲染后直接嵌入正文行内
• 块级公式：单独成行、居中显示的长公式，用两个美元符号包裹，例如二次方程求根公式的写法：

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

常用语法速查：

• 分数：\frac{分子}{分母}
• 根式：\sqrt[开方次数]{被开方数}，开平方可以省略次数参数
• 上下标：上标用^、下标用_，多字符内容用花括号包裹，例如x_{1min}^2
• 求和/积分：\sum_{下限}^{上限}、\int_{下限}^{上限}
• 希腊字母：反斜杠加字母名即可，例如\alpha、\beta、\pi、\Delta

零代码插件方案 #

不想手动改代码的，直接在插件库搜索安装MathJax-LaTeX插件，启用后默认配置即可正常使用，公式录入规则和上述完全一致，不需要额外调整参数。

内容的提问来源于stack exchange，提问作者Technical Shadad