在 HTML 文件中包含 LaTeX 公式？答案

【问题标题】：Include LaTeX formulas in HTML files?在 HTML 文件中包含 LaTeX 公式？
【发布时间】：2020-04-07 04:37:18
【问题描述】：

我看到一些网站在他们的网站中包含 LaTeX 公式。他们是怎么做到的？
是否有任何 HTML 标记或 SSI 命令来包含 LaTeX 公式？
我更喜欢有一个服务器端命令，而不是客户端。有些客户端没有 LaTeX 编译器。

提前致谢

【问题讨论】：

这能回答你的问题吗？ What is the best way to embed LaTeX in a webpage?
非常相关：stackoverflow.com/questions/116054/…

标签： html latex

【解决方案1】：

MathJax 是一个可能的解决方案。它是一个与 LaTeX 语法兼容的客户端解决方案（Javascript）。

我认为MathTran 提供了您的 LaTeX 文件的在线外包服务，您可以稍后将其嵌入到您的 HTML 代码中（类似于 Google 图表工具）

根据您的服务器配置（即假设您可以安装您想要的），如果 LaTeX 文件不经常更改，您可以轻松安排（例如）LaTeX -> PNG 渲染（网上有很多关于如何这样做）并链接生成的 PNG。

如果您有服务器限制（例如共享主机），最后的手段（但最简单），您可以将 LaTeX 离线渲染为图像并上传结果。

【讨论】：

谢谢，我发现codecogs 是在线客户的好选择。它符合我的需要。

【解决方案2】：

MathJax 可以为您完成这项工作。查看网站。

【讨论】：

欢迎来到 Stack Overflow。几个小时前，您的答案的重点已经在接受的答案中提到了，所以您的答案没有带来任何新的东西。

【解决方案3】：

虽然 CodeCogs (updated hyperlink) 可用于单独生成图像，稍后您可以使用标签 <img> 添加到您的网页，这是一种有效（且加载速度更快）的替代 MathJax 由KaTeX 给出：我在这里粘贴了后者的一个最小实现示例。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Katex</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
</head>

<body>
<p>Blah blah \(e^{i\pi}+1=0\) blah blah blah.</p>
\[e^{i\pi}+1=0\]
<p>Blah blah blah blah blah.</p>
</body>
</html>

您需要做的就是在标题中添加一个link 和两个script 标签，然后您可以在分隔符\( \) 之间使用LaTeX 语法内联数学并在分隔符\[ \] 之间显示数学。

【讨论】：