LaTeX 转 HTML
粘贴 LaTeX 或上传 .tex 文件,LaTeX 转 HTML 工具会在输入时写出整洁、语义化的 HTML,并实时预览。可以选择公式的渲染方式,以及输出用于现有网站的片段还是完整网页。
预览
HTML
<h1>The Gaussian integral</h1>
<p>The integral <span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msubsup><mo>∫</mo><mrow><mo>−</mo><mi mathvariant="normal">∞</mi></mrow><mi mathvariant="normal">∞</mi></msubsup><msup><mi>e</mi><mrow><mo>−</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup><mtext> </mtext><mi>d</mi><mi>x</mi></mrow><annotation encoding="application/x-tex">\int_{-\infty}^{\infty} e^{-x^2}\,dx</annotation></semantics></math></span> appears throughout
probability.<sup class="footnote-ref"><a href="#fn1" id="fnref1">1</a></sup></p>
<div class="math display"><span class="katex"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><msubsup><mo>∫</mo><mrow><mo>−</mo><mi mathvariant="normal">∞</mi></mrow><mi mathvariant="normal">∞</mi></msubsup><msup><mi>e</mi><mrow><mo>−</mo><msup><mi>x</mi><mn>2</mn></msup></mrow></msup><mtext> </mtext><mi>d</mi><mi>x</mi><mo>=</mo><msqrt><mi>π</mi></msqrt></mrow><annotation encoding="application/x-tex">\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}</annotation></semantics></math></span></div>
<h2>Two proofs</h2>
<ol>
<li><strong>Polar coordinates</strong>: square the integral.</li>
<li><em>Feynman's trick</em>: differentiate under the integral.</li>
</ol>
<table>
<thead>
<tr>
<th>Method</th>
<th style="text-align:right">Steps</th>
</tr>
</thead>
<tbody>
<tr>
<td>Polar</td>
<td style="text-align:right">3</td>
</tr>
<tr>
<td>Series</td>
<td style="text-align:right">5</td>
</tr>
</tbody>
</table>
<section class="footnotes">
<ol>
<li id="fn1">See also <a href="https://en.wikipedia.org/wiki/Gaussian_integral">https://en.wikipedia.org/wiki/Gaussian_integral</a>. <a href="#fnref1" class="footnote-back">↩</a></li>
</ol>
</section>手上是 PDF 或扫描件而不是 .tex?先把它转换成 LaTeX。
转换 PDFLaTeX 怎么转 HTML
粘贴或上传 LaTeX
可以粘贴整篇论文或几段文字,也可以上传 .tex 文件。导言区会被跳过,标题和作者会被读取,正文随输入转换。LaTeX 转 HTML 在浏览器中完成,草稿和未发表的论文都留在你的电脑上。
选择公式渲染方式
MathML 被所有现代浏览器和屏幕阅读器支持,不需要任何额外文件。KaTeX HTML 在各处显示完全一致,但需要 KaTeX 样式表。"交给 MathJax 渲染"会保留 \(…\) 和 \[…\],适合已经加载 MathJax 的网页。
检查预览后复制
预览在沙盒中显示转换后的页面。可以复制 HTML 片段粘贴到博客、CMS 或静态网站模板中,也可以复制带有易读内置样式的完整网页,直接打开或上传。
HTML 包含的内容
结构和文字
章节变成 h1 到 h6,段落变成 p,\emph 和 \textbf 变成 em 和 strong,\texttt 变成 code,\href 变成链接。列表、引用块和定理标签都会保留,脚注变成带编号的上标,并在文末生成带返回链接的注释区。
公式
行内和独立公式,包括 align 和 gather 环境,都在转换时由 KaTeX 渲染,所以 LaTeX 转 HTML 的结果不需要任何脚本就能显示公式。每个公式都在注释中保留 LaTeX 源码,方便复制和搜索。
表格、图片和代码
tabular 环境变成保留各列对齐的 HTML 表格,图片变成以图注为替代文字的 img 元素,verbatim 或 lstlisting 代码块变成标明语言的 pre 和 code。文字始终经过转义,LaTeX 中的任何内容都无法注入标签。
发布结果
放到网站或博客
把片段粘贴到 WordPress、Ghost 或静态网站模板中,或直接上传完整网页。个人学术主页可以提供 PDF 下载,同时用 HTML 展示摘要和主要结果,搜索引擎对 HTML 的收录远好于 PDF。
无障碍访问
HTML 能在手机上重新排版,也能配合屏幕阅读器使用。特别是 MathML,可以让 NVDA 加 MathCAT 或 VoiceOver 朗读公式,而 PDF 很少能做到。这也是为课程材料做 LaTeX 转 HTML 的常见原因。
需要了解的限制
自定义宏只保留文字,TikZ 图和页面排版会被去掉,\ref 显示标签而不是编号。如果你的网站由 Markdown 生成,请改为转换成 Markdown,让网站生成器去写 HTML。
LaTeX 转 Markdown官方参考资料: HTML Living Standard · Pandoc manual

LaTeX 与 HTML 常见问题
- LaTeX 和 HTML 相似吗?
- 两者都是把文字和命令混在一起的标记语言,但 LaTeX 为打印和 PDF 排版,HTML 为浏览器描述内容。两者的结构对应得很好,所以 LaTeX 转 HTML 能保留章节、列表和表格。
- HTML 里怎么使用 LaTeX?
- 对于公式,可以在网页中加载 MathJax 或 KaTeX,然后写 \(…\) 或 \[…\];也可以像本工具一样事先把公式转换成 MathML。整篇 LaTeX 文档需要转换,而不是直接嵌入。
- 怎么在 HTML 中做 LaTeX 表格?
- 把 tabular 环境粘贴到这里,就会得到带 thead、tbody 并保留各列对齐方式的表格。这里生成的是简单表格,合并单元格会被简化。
- 个人网站怎么同时放 LaTeX 的 PDF 和 HTML?
- 保留 PDF 供下载,把摘要或全文转换成 HTML 作为页面内容。这里生成的完整网页可以直接上传,片段也可以放进网站模板。
- 怎么用 Pandoc 把 LaTeX 转成 HTML?
- 运行 pandoc paper.tex -s --mathml -o paper.html,或用 --mathjax 输出给 MathJax。Pandoc 会跟随 \input 文件,并可以用 --citeproc 处理参考文献。
- 怎么用 Python 把 LaTeX 转成 HTML?
- 通过 pypandoc 调用 Pandoc:pypandoc.convert_text(tex, 'html', format='latex', extra_args=['--mathml'])。plasTeX 是纯 Python 的替代方案。
- Overleaf 能把 LaTeX 导出为 HTML 吗?
- 不能,Overleaf 只编译成 PDF。下载项目源码,打开 main.tex,在这里或用 Pandoc 转换。
- arXiv 是怎么把 LaTeX 论文变成 HTML 的?
- arXiv 用 LaTeXML 处理提交的源码,生成 HTML 版本,公式使用 MathML。使用不常见宏包的论文有时会转换不完整。
- 转换成 HTML 的 LaTeX 比 PDF 更易访问吗?
- 通常是的。HTML 可以随缩放和小屏幕重新排版,屏幕阅读器可以按标题导航并朗读 MathML 公式,而大多数 PDF 对此支持不好。
- 怎么把单个 LaTeX 公式放进 HTML?
- 只把公式写在 \[ 和 \] 之间粘贴到这里,然后复制片段;也可以用分享公式页面把它变成图片或链接。
- 有 LaTeX 转 HTML 的 JavaScript 或 npm 库吗?
- 只处理公式的话,KaTeX 和 MathJax 是标准库。latex.js 可以在浏览器中渲染整篇 LaTeX 文档,但支持的宏包有限。
- 这个 LaTeX 转 HTML 工具可以免费在线使用吗?
- 可以。它免费、无需注册,文件在浏览器中处理。
- 公式应该选 MathML、KaTeX 还是 MathJax?
- MathML 最简单、无障碍效果最好,无需额外文件。KaTeX HTML 在所有浏览器中显示一致,但需要样式表。网站已经加载 MathJax 时选 MathJax。
- 图片和 PDF 格式的插图会怎样处理?
- 每个 \includegraphics 变成路径相同、以图注为替代文字的 img。浏览器无法显示 PDF 图片,请把插图导出为 PNG 或 SVG 并更新路径。
有整页笔记、扫描件或 PDF?把它转成能编译的 LaTeX。
转换文件