无法本地部署MathJax渲染LaTeX？求解决方案

问题背景 #

原本通过CDN加载MathJax 2.7.7能正常渲染LaTeX公式，切换本地部署时：

• 仅单独下载MathJax.js无法渲染，推测缺少依赖文件
• 通过git clone完整仓库后，使用/mathjax/es5/tex-chtml.js加载，浏览器无报错但公式仍未渲染

核心原因 #

你克隆的是MathJax 3.x版本，但配置代码用的是MathJax 2.x的语法，两者API不兼容，导致配置失效，公式无法被识别渲染。

解决步骤 #

方案1：继续使用MathJax 2.x版本（匹配原CDN版本） #

1. 克隆2.7.x分支的仓库，确保版本一致：

git clone -b 2.7-latest https://github.com/mathjax/MathJax.git mathjax

2. 加载对应版本的MathJax.js并调整脚本顺序：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <!-- 配置脚本必须放在MathJax.js加载脚本之前 -->
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
    });
  </script>
  <script type="text/javascript" async
    src="http://127.0.0.1/mathjax/MathJax.js?config=TeX-MML-AM_CHTML">
  </script>
</head>
<body>
  First of all, we can "relax" the $\forall$-Introduction rule : $A \to B \vdash A \to \forall x B$, provided that $x$ is not *free* in $A$.
</body>
</html>

方案2：升级使用MathJax 3.x版本（适配新语法） #

MathJax 3.x简化了配置逻辑，无需MathJax.Hub.Config，直接通过全局对象定义配置：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <script>
    window.MathJax = {
      tex: {
        inlineMath: [['$', '$'], ['\\(', '\\)']]
      }
    };
  </script>
  <script type="text/javascript" id="MathJax-script" async
    src="http://127.0.0.1/mathjax/es5/tex-chtml.js">
  </script>
</head>
<body>
  First of all, we can "relax" the $\forall$-Introduction rule : $A \to B \vdash A \to \forall x B$, provided that $x$ is not *free* in $A$.
</body>
</html>

3.x版本无需额外的config=TeX-MML-AM_CHTML参数，直接使用tex-chtml.js或tex-svg.js即可。

验证要点 #

1. 重启Apache服务器，确保静态文件访问路径正确
2. 打开浏览器开发者工具的网络面板，确认MathJax相关脚本返回HTTP 200状态（成功加载）
3. 查看控制台是否有报错，若有根据提示调整路径或配置

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