htmlslides

htmlslides

htmlslides是一个AI原生的HTML演示平台,支持从GitHub、.html或.hslides文件创建、播放、分享、嵌入和导出基于浏览器的幻灯片。

访问官方网站

htmlslides是什么

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

htmlslides截图

核心优势

  • AI原生驱动:利用AI自动识别内容结构,提供布局优化、文本摘要、图像生成等智能辅助,降低制作门槛。
  • 零依赖运行:幻灯片本质为纯HTML文件,无需任何额外运行时,可离线存储或通过URL直接访问。
  • 多源灵活接入:支持从GitHub仓库、本地.html文件或.hslides专用格式一键导入,兼容Markdown、HTML等常见标记语言。
  • 全生命周期支持:覆盖创建、预览、播放、分享、嵌入、导出(PDF/HTML/PNG)完整流程,满足不同场景需求。
  • 开发者友好:原生支持代码块高亮、实时预览、主题自定义,可无缝集成到CI/CD流程或文档系统中。

适用人群

用户类型 典型场景 使用价值
开发者 技术分享、API文档演示、代码审查 直接在浏览器中嵌入代码示例,AI自动转换Markdown为幻灯片
演讲者/讲师 在线课程、会议演讲、培训材料 无需切换软件,一键嵌入网页,支持实时注释与互动
营销/产品团队 产品演示、方案提案、数据看板 利用AI生成视觉化图表,快速制作可分享的HTML链接
教育工作者 课件制作、学术报告、在线教学 支持数学公式、画布绘图,导出为标准PDF方便打印
个人创作者 个人博客、项目展示、简历幻灯片 轻量级发布,通过GitHub Pages免费托管,无需服务器

如何使用

  1. 创建幻灯片

    • 方式一:直接粘贴Markdown内容,AI自动拆分为多页
    • 方式二:导入GitHub仓库中的.html或.hslides文件
    • 方式三:在线编辑器内手动编写HTML + CSS
  2. 播放与互动

    • 使用键盘方向键或触摸滑动切换页面
    • 支持演讲者视图(备注、计时器、下一页预览)
    • 可嵌入实时投票、问卷链接与外链
  3. 分享与嵌入

    • 生成短链接或二维码,一键分享给观众
    • 通过iframe嵌入到任意网页、Notion、Confluence等
    • 导出为独立HTML文件,可离线运行
  4. 导出选项

    • PDF(保留布局与字体)
    • 静态PNG图片序列
    • 纯HTML + CSS压缩包(支持自定义主题)

与其他演示工具对比

特性 htmlslides PowerPoint/Keynote Slidev/Marp
安装要求 无(浏览器运行) 需安装原生软件 需Node.js环境
AI辅助 ✅ 智能布局、内容生成、实时优化 ❌ 无原生AI ❌ 仅社区插件
格式输入 GitHub/.html/.hslides/Markdown .pptx/.key Markdown
嵌入能力 原生iframe支持 需转换或插件 需额外步骤
离线可用 ✅ 导出后完全离线 ✅ 但需安装软件 ✅ 需本地构建