SlideBeaver：将 HTML 幻灯片和 Markdown 可视化微调并转换为 PPTX、PDF

最近几个月做汇报和分享课件，我基本告别传统 PPT 模板了。直接把大纲丢给 Claude（Artifact）、Gemini 或者在 Cursor 里让 AI 生成单文件 HTML 幻灯片，出来的排版审美和信息密度，比市面上大多数套模板的“一句话生成 PPT”强太多。

但到了真正要交差的时候，总会卡在最后一步：

1. 交付格式不对付：发给老板、客户或者汇总到团队群里，人家要的是能直接打开改两句的 .pptx 或干净的 PDF，不可能扔个 .html 文件过去让人家双击用浏览器看。
2. 局部微调极其折腾：AI 生成的 HTML 幻灯片经常有那么一两页小翻车，比如某页标题字多了撑爆容器、某张外链图片 403 / 跨域裂了，或者只想改几个字、挪一下图。要是退回对话框让 AI 重新生成，很容易改好这一页，又把前面满意的排版抽卡抽乱了；自己钻进几百行 CSS 里改又太打断思路。
3. Marp / Markdown 用户的老痛点：平时用 Markdown / Marp 写技术课件很爽，但 Marp 默认导出的 PPTX 整页都是死图片，改个错别字都不行；想开 --pptx-editable 还得在本地折腾装一套 LibreOffice。
4. 浏览器直接打印 PDF 容易毁排版：经常多出一圈白边、一页截成两页，或者深色背景直接被打印样式漂白。

为了把这“最后一公里”接上，我做了一个纯浏览器本地运行的转换和微调工具 SlideBeaver：

体验地址：https://www.html-to-pptx.com

它不是又一个 AI 生成 PPT 的工具，而是专门接住你手头已有的 HTML 幻灯片或 .md 文件，做导出前的可视化修版和格式转换：

• 纯前端本地解析，免登录：HTML 和 Markdown 的解析、编辑、转换全在浏览器本地完成，课件内容不会上传到后端服务器（平时处理公司内部汇报材料能放心点）。
• 导出前直接可视化修版：支持直接在画布上点选改字、调字号颜色、一键缩放溢出文本、拖拽替换本地图片，也能增删或调整页面顺序。
• 外链坏图一键排雷：AI 写的 HTML 特别爱引失效外链图。工具里做了全片图片检查，可以定位到具体页码逐张换成本地图；如果赶时间交差，也能一键剔除所有失效图片直接导出 PPTX。
• 三种导出交付方式：
  • 可编辑 .pptx：常规文本块、基础色块形状、原生表格转出来依然是可编辑对象，丢进 PowerPoint / WPS / Google Slides 里能继续改字调位置；
  • 16:9 无白边保色 PDF（Save PDF）：锁死了画布比例和背景色打印，深色底也不会发白；
  • 干净的单文件演示 HTML：自带键盘翻页和全屏播放。
• 支持 Marp / Markdown (.md) 直传：不用装 CLI 和 LibreOffice，上传 .md 自动按 --- 或标题分页进莫兰迪配色主题，直接导出带可编辑文本框和原生表格的 PPTX。

提前坦白几个技术边界（省得大家踩坑）

DOM 转 OpenXML 本质上是在做静态布局映射，没法吹“100% 还原任意网页”，目前有几个明确的局限：

1. 不支持动态脚本与复杂运行时：JS 动画会被冻结成静态帧；依赖脚本现场绘制的空 SVG（比如 Rough.js，或者还没渲染成静态 SVG 的 Mermaid）以及完整 reveal.js 运行时页面目前还原不了，复杂图形会自动栅格化成图片兜底。
2. 字体不内嵌：导出的 PPTX 不会打包 Web 字体文件（包含中文的页面，需要打开 PPT 的电脑本地装有对应中文字体），正式发人之前建议先用 PowerPoint 或 WPS 打开扫一眼折行。
3. 关于界面语言和费用：因为最早是冲着英文搜索词做的出海小站，目前界面还是英文的（不过传中文 HTML / Markdown 进去编辑和导出完全正常）。个人、教学和团队内部汇报使用完全免费、免注册、也不限导出次数；站里有个可选的 $9.90 一次性 Pro Pass，主要是给海外 Agency / 咨询向外部客户做商业交付授权和人工排障用的，大家自己日常用直接忽略就行。

如果你手头正好有 Claude / Gemini / 豆包生成的 HTML 幻灯片，或者现成的 .md 课件，欢迎丢进去试试（编辑器里也自带了一份示例课件可以直接点开玩）。遇到转歪了的奇葩版式或者 Bug，非常欢迎在评论区拍砖反馈，我持续修。