如何在离线HTML页面中实现LaTeX样式的数学符号渲染？

当然可以通过本地引用渲染库实现离线显示，具体步骤如下：

• 选择合适的渲染库：这类\(\left(\frac{1}{2},\frac{\sqrt{3}}{2}\right)\)格式的行内LaTeX公式，常用MathJax或KaTeX处理，两者都支持本地部署。
• 下载库文件到本地：
  • 下载MathJax完整压缩包，解压后放到你的离线页面所在目录下（比如命名为mathjax文件夹）
  • 或者下载KaTeX压缩包，解压到本地目录（比如katex文件夹）
• 修改页面的引用代码：
  把页面中原来的在线CDN引用替换成本地文件路径：
  • 若用MathJax，替换为：

    <script src="./mathjax/es5/tex-mml-chtml.js"></script>
    

  • 若用KaTeX，需要同时引入样式和脚本，添加以下代码到页面头部：

    <link rel="stylesheet" href="./katex/dist/katex.min.css">
    <script src="./katex/dist/katex.min.js"></script>
    <script src="./katex/dist/contrib/auto-render.min.js"></script>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
          delimiters: [
            {left: "$$", right: "$$", display: true},
            {left: "\\(", right: "\\)", display: false}
          ]
        });
      });
    </script>
    

• 测试效果：保存修改后的HTML文件，用本地浏览器打开，检查公式是否正常渲染。

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