如何在CHM文件中正确渲染MathJax数学公式？

问题根源 #

你当前的HTML使用了在线CDN的MathJax资源，但CHM是本地离线打包文件，受限于运行环境的网络访问限制，无法加载外部在线脚本，导致公式仅显示纯文本。

解决方案 #

1. 下载本地版MathJax #

前往MathJax官方下载离线安装包（推荐使用v3版本，兼容性更稳定），解压后将整个MathJax文件夹放置在你的CHM项目目录中，确保和HTML主题文件处于同一层级。

2. 修改HTML的脚本引用 #

将原有的在线CDN链接替换为本地相对路径，示例代码如下：

<html>
  <head>
    <!-- 引用本地MathJax资源 -->
    <script type="text/javascript" src="MathJax/es5/tex-mml-chtml.js"></script>
  </head>
<body>

<p>
  When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are
  $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
</p>
</body>
</html>

若使用MathJax v2版本，引用路径改为：src="MathJax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"

3. 配置CHM编译设置 #

• 在HTML Help Workshop中，将MathJax文件夹及其所有子文件添加到项目的文件列表中，确保编译时将这些资源一起打包进CHM。
• 确认项目选项中允许本地脚本运行（CHM默认支持，若出现异常可检查安全设置）。

4. 测试验证 #

先在本地浏览器打开修改后的HTML文件，确认公式能正常渲染，再重新编译CHM文件，打开后即可看到公式正常显示。

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