htmlslides
htmlslides是一个AI原生的HTML演示平台,支持从GitHub、.html或.hslides文件创建、播放、分享、嵌入和导出基于浏览器的幻灯片。
访问官方网站
扫码查看
htmlslides是什么
htmlslides是一款以AI技术为核心驱动的HTML演示工具,它允许用户通过链接或文件(如GitHub仓库、本地.html文件、.hslides格式)直接生成可在浏览器中流畅运行的幻灯片。与传统的PPT或Keynote不同,htmlslides无需安装原生软件,所有操作均在浏览器端完成,且天然适配Web生态——支持实时播放、一键分享、网页嵌入及多种格式导出。平台内置AI辅助功能(如智能排版、内容建议、代码高亮),让演示文稿的创建过程更高效、更富趣味性。

核心优势
- AI原生驱动:利用AI自动识别内容结构,提供布局优化、文本摘要、图像生成等智能辅助,降低制作门槛。
- 零依赖运行:幻灯片本质为纯HTML文件,无需任何额外运行时,可离线存储或通过URL直接访问。
- 多源灵活接入:支持从GitHub仓库、本地.html文件或.hslides专用格式一键导入,兼容Markdown、HTML等常见标记语言。
- 全生命周期支持:覆盖创建、预览、播放、分享、嵌入、导出(PDF/HTML/PNG)完整流程,满足不同场景需求。
- 开发者友好:原生支持代码块高亮、实时预览、主题自定义,可无缝集成到CI/CD流程或文档系统中。
适用人群
| 用户类型 | 典型场景 | 使用价值 |
|---|---|---|
| 开发者 | 技术分享、API文档演示、代码审查 | 直接在浏览器中嵌入代码示例,AI自动转换Markdown为幻灯片 |
| 演讲者/讲师 | 在线课程、会议演讲、培训材料 | 无需切换软件,一键嵌入网页,支持实时注释与互动 |
| 营销/产品团队 | 产品演示、方案提案、数据看板 | 利用AI生成视觉化图表,快速制作可分享的HTML链接 |
| 教育工作者 | 课件制作、学术报告、在线教学 | 支持数学公式、画布绘图,导出为标准PDF方便打印 |
| 个人创作者 | 个人博客、项目展示、简历幻灯片 | 轻量级发布,通过GitHub Pages免费托管,无需服务器 |
如何使用
-
创建幻灯片:
- 方式一:直接粘贴Markdown内容,AI自动拆分为多页
- 方式二:导入GitHub仓库中的.html或.hslides文件
- 方式三:在线编辑器内手动编写HTML + CSS
-
播放与互动:
- 使用键盘方向键或触摸滑动切换页面
- 支持演讲者视图(备注、计时器、下一页预览)
- 可嵌入实时投票、问卷链接与外链
-
分享与嵌入:
- 生成短链接或二维码,一键分享给观众
- 通过iframe嵌入到任意网页、Notion、Confluence等
- 导出为独立HTML文件,可离线运行
-
导出选项:
- PDF(保留布局与字体)
- 静态PNG图片序列
- 纯HTML + CSS压缩包(支持自定义主题)
与其他演示工具对比
| 特性 | htmlslides | PowerPoint/Keynote | Slidev/Marp |
|---|---|---|---|
| 安装要求 | 无(浏览器运行) | 需安装原生软件 | 需Node.js环境 |
| AI辅助 | ✅ 智能布局、内容生成、实时优化 | ❌ 无原生AI | ❌ 仅社区插件 |
| 格式输入 | GitHub/.html/.hslides/Markdown | .pptx/.key | Markdown |
| 嵌入能力 | 原生iframe支持 | 需转换或插件 | 需额外步骤 |
| 离线可用 | ✅ 导出后完全离线 | ✅ 但需安装软件 | ✅ 需本地构建 |