导出为 PDF 和 PowerPoint

导出格式概览

LingCode 支持多种导出格式。根据你的使用场景选择最合适的：

• HTML：用于网站发布、托管和链接分享
• PDF：用于文档、打印和邮件分享
• PowerPoint（.pptx）：用于演示文稿、投资人路演和可编辑幻灯片
• ZIP：用于包含图片和外部文件的多页面网站

打开导出菜单

导出格式详解

下载 .html

适用场景：网站、托管、嵌入、源代码

获得内容：一个内嵌所有 CSS 和 JavaScript 的单一 HTML 文件

最适合：

• 托管到自己的服务器或 GitHub Pages
• 通过 iframe 嵌入其他网站
• 在代码编辑器中进一步开发
• 分享给开发者进行二次定制

提示：你可以直接在浏览器中打开 .html 文件（无需服务器）。可直接分享链接或上传到任意网站托管服务。

导出 PDF

适用场景：文档、打印、分享、存档

获得内容：整个设计的 PDF 快照

最适合：

• 将路演材料打印成纸质版
• 通过邮件发送给利益相关方
• 分享不希望被编辑的设计稿
• 创建永久存档记录

提示：PDF 会完整保留样式，预览中看到什么，打印出来就是什么。

导出 PPT（PowerPoint）

适用场景：演示文稿、投资人会议、幻灯片

获得内容：一个 .pptx 文件，其中每个 <section class="slide"> 对应一张幻灯片

工作原理：

1. LingCode 查找带有 class="slide" 属性的元素
2. 每个 slide 元素对应 PowerPoint 中的一张幻灯片
3. 所有 CSS 样式均被保留
4. 可在 PowerPoint、Google Slides 或 Keynote 中打开

最适合：

• 投资人路演材料
• 公司内部演示
• 利益相关方会议（可供他人编辑）
• 添加演讲者备注和动画效果

提示：导入 PowerPoint 后，你可以添加备注（仅演讲者可见）、动画和切换效果。

下载 .zip

适用场景：包含多个文件的多页面网站

获得内容：包含所有 HTML 页面、CSS、图片和资源文件的文件夹

最适合：

• 完整网站（非单页面）
• 使用共享 CSS 和图片资源的项目
• 托管到传统 Web 服务器

提示：解压后，在浏览器中打开 index.html，所有链接均可正常跳转。可立即上传到任意托管环境。

操作步骤：导出 PDF

1. 在预览中完成你的设计
2. 点击三点菜单（⋮）
3. 选择"Export PDF"
4. 浏览器的下载对话框随即弹出
5. 选择文件名和保存位置，点击"保存"
6. PDF 即可分享或打印

操作步骤：导出 PowerPoint

1. 生成或完成你的路演材料
2. 确保设计中包含 <section class="slide"> 元素（大多数路演模板会自动包含）
3. 点击三点菜单（⋮）
4. 选择"Export PPT"
5. 浏览器开始下载 .pptx 文件
6. 在 PowerPoint、Google Slides 或 Keynote 中打开
7. 每个 slide 元素即为独立幻灯片——添加备注后即可演示

最佳实践

PDF 导出：

• 导出前先测试打印预览，提前发现布局问题
• 使用 Web 安全字体（而非自定义字体），确保渲染效果一致
• 避免使用超大图片（会降低 PDF 生成速度）
• 浅色背景在彩色打印机上效果更佳

PowerPoint 导出：

• 保持每张幻灯片内容自成一体（不依赖下一张来完成表达）
• 使用 16:9 宽高比（当前主流标准格式）
• 在演讲者模式下验证文字是否清晰可读
• 如需添加动画或切换效果，导出后在 PowerPoint 中测试

HTML 导出：

• 单一 .html 文件无外部依赖（离线可用）
• 可直接分享 .html 文件或上传至网站托管服务
• 无需特殊软件，支持所有设备和浏览器

常见问题

Q：导出按钮显示为灰色

A：请等待预览完全加载后再试。

Q：PowerPoint 导出后幻灯片为空白

A：请检查 HTML 中是否存在 <section class="slide"> 元素。如果使用了自定义 HTML，可能需要手动添加此 class。

Q：PDF 与预览效果不一致

A：浏览器和 PDF 渲染引擎对 CSS 的处理方式略有差异。建议在最终定稿前先导出测试。

Q：导出的 PowerPoint 文件可以编辑吗？

A：可以。.pptx 文件完全可编辑，可在 PowerPoint 中正常添加文字、修改颜色、调整幻灯片顺序。