跳转到内容

在幻灯片和博客中插入公式

在幻灯片或博客中插入排版好的公式,通常需要几个步骤:先在某处渲染 LaTeX,再把结果作为图片插入幻灯片或文章。可选方案有很多——专用的 LaTeX 转图片服务、博客模板中内嵌的 MathJax、从 Overleaf 截图——选哪种取决于你使用的平台。

drawtonomy 是其中一个免费、无需安装、无需注册的选项。Math 工具通过 KaTeX 渲染 LaTeX,支持调色和调整尺寸,并能导出透明背景的 PNG 或 SVG——全程在浏览器内完成,无需账户。

E = mc^2 的 KaTeX 实时预览——上方为 LaTeX 源码,下方为渲染结果

Math 工具实际效果——上方是 LaTeX 输入,下方是 KaTeX 渲染预览,右侧面板可调整颜色和尺寸。

  1. 打开 drawtonomy.com

  2. 点击底部工具栏中的 fx 图标(或按 /)。

    drawtonomy 底部工具栏中高亮显示的 fx 图标

  3. 点击画布,输入 LaTeX,下方实时渲染结果。

    Math 编辑器中二次方程求根公式的实时预览效果

  4. Esc 确认。保持公式选中状态,在右侧面板设置颜色和尺寸。

    同一公式在面板中改为红色并放大到 60px 后的效果

  5. Menu → Export → PNG(或 SVG),保存文件。

  6. 将文件拖入幻灯片或博客文章中即可。

完成。无需安装,无需账户,无需配置 LaTeX 环境。

目标平台推荐格式原因
Google SlidesPNGSVG 支持不完整;PNG 在各处显示一致。
KeynoteSVG(或 PNG)Keynote 支持 SVG;矢量格式缩放后依然清晰。
PowerPointPNG(Microsoft 365 可用 SVG)旧版 PowerPoint 不识别 SVG。
NotionPNGNotion 图片嵌入仅支持栅格格式。
MediumPNGMedium 会对 SVG 进行强压缩。
SubstackPNGSubstack 正文仅支持上传栅格图片。
Ghost / WordPressSVG两者均原生支持 SVG。
Discord / SlackPNG聊天应用对 SVG 的处理方式不统一。

拿不准时,带透明背景的 PNG 在所有平台通用。SVG 更清晰,但集成稍复杂。

默认颜色为黑色,适合白色背景幻灯片。深色主题幻灯片?点击 Color 面板,选择白色或品牌强调色,公式会立即重新渲染。

每次改色都是独立的撤销步骤,方便自由尝试。

每种方案在合适的场景下都能用——选择时主要看你愿意花多少时间做初始配置,以及输出内容放在哪里。

  • LaTeX 转图片 Web 服务(如 CodeCogs、QuickLaTeX)对于单次公式转换既快又方便,输出质量也不错。部分服务适合长期使用;也有一些会随时间调整功能或定价,使用前建议确认当前状态。
  • 博客内嵌 MathJax 可以将公式源码保留在文章中,当平台支持时是理想方案。各托管平台对主题自定义的开放程度不同,影响配置灵活性。
  • 从 Overleaf 截图 在 LaTeX 已经写好的情况下是最快的路径;图片质量取决于截图时的 DPI。
  • 手动输入 Unicode(如 x² + y² = r²)在公式足够简单、不含分数或积分时反而最高效。

drawtonomy 以矢量方式渲染公式,导出干净,并将源文件保存在 .drawtonomy.svg 中,方便日后重新编辑。

Math 工具运行在无限画布上。如果你需要制作”三个公式并排、中间插入示意图”这样的幻灯片,可以直接在 drawtonomy 上整体排版,导出为单张图片——无需和幻灯片工具的布局网格反复较劲。