Slidev基于Web的幻灯片工具


Slidev(由 slidevjs 团队维护)是一个为开发者设计的开源幻灯片(PPT)制作工具。它基于 Markdown + Vue + Vite 构建,强调内容优先、可定制性高、支持交互,并且集成了现代前端开发者常用的技术栈和工作方式。
Slidev 的口号是 “Presentation Slides for Developers”。它颠覆了传统 PPT 工具,重点通过文本(Markdown)驱动幻灯片内容,同时支持复杂交互、主题定制、代码展示等功能。

项目特点

  1. Markdown 驱动
    使用 Markdown 来写幻灯片内容,开发者可以用熟悉的文本编辑器(VS Code、Vim 等)来编写。

  2. 开发者友好

    • 支持代码块语法高亮
    • 支持 “live coding”,可以在幻灯片中嵌入可运行的代码
    • 与 Vue 组件无缝集成,可以直接插入 Vue 写的交互组件
  3. 主题与样式可定制

    • 支持主题(theme),可作为 npm 包共享/安装
    • 使用 UnoCSS 或 Windi CSS 按需样式
    • 内置多种布局(center / cover / two-cols / iframe 等)
  4. 内置录制与 Presenter 模式

    • 支持录制幻灯片(屏幕 + 摄像头)
    • 演讲者视图(Presenter Mode),方便演示控制
  5. 导出与部署

    • 可导出 PDF、PNG,或导出为 SPA 托管
    • 热重载快速
  6. 数学公式 & 图表

    • 支持 LaTeX 数学公式渲染
    • 支持图表(diagram / flowchart 等)
  7. 开源与社区活跃

    • 开源协议 MIT
    • GitHub 上 Star 很高,社区活跃,贡献主题和插件

适用场景

  • 技术分享 / 程序员会议:展示 live demo、嵌入交互组件
  • 教学 / 培训:编程、数学、数据科学等课程幻灯片
  • 学术报告:数学公式 + 图表 + 演讲者模式
  • 产品演示:嵌入产品 Vue 组件或交互模拟
  • 文档型幻灯片:项目总结、设计文档、roadmap
  • 线上 / 远程演示:导出 SPA 在线分享