如何在离线查看的 html 页面中获得 Latex 样式？

Question

我从网上复制了以下页面（其中包含数学符号）：

https://brilliant.org/wiki/sphere-packing/

它包含符号，例如：

\(\left(\frac{1}{2},\frac{\sqrt{3}}{2}\right)\)

如果我只是离线查看此页面（首先将其保存到我的笔记本电脑），CSS 无法引用任何需要的额外库（我认为它需要 tex 或 Latex）以使符号清晰。
有没有办法从网上下载一些额外的文件并链接到它，以便我可以在离线设置下阅读这样的文档？

Answer 1

数学符号（LaTeX 语法），如内联符号

\(n \times n \times n\)

以

\( \)

作为分隔符或显示的分隔符

\[\frac{8-4\sqrt{2}-\ln{2}}{2\sqrt{2}-1} \approx 0.9024.\]

以

\[ \]

作为分隔符都可以显示，添加指向 MathJax 或 KaTeX 的链接（我更喜欢并建议后者）。

实际上，乍一看我在您链接的网页的源代码中找不到正确的

script

，但后来我发现brilliant.org确实使用了KaTeX！

要在您的 local 页面（文件）中呈现该数学，您可以在

</head>

结束标记之前复制/粘贴以下行：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>

或者，您可以下载这三个文件（一个 css 和两个 js），将它们存储在本地文件夹中并相应地编辑上面的三个路径：那么您不仅应该在文件是 local 的情况下进行创建，而且在任何时候都应该进行创建离线。