Slidev基于Web的幻灯片工具
Slidev(由 slidevjs 团队维护)是一个为开发者设计的开源幻灯片(PPT)制作工具。它基于 Markdown + Vue + Vite 构建,强调内容优先、可定制性高、支持交互,并且集成了现代前端开发者常用的技术栈和工作方式。
Slidev 的口号是 “Presentation Slides for Developers”。它颠覆了传统 PPT 工具,重点通过文本(Markdown)驱动幻灯片内容,同时支持复杂交互、主题定制、代码展示等功能。
项目特点
-
Markdown 驱动
使用 Markdown 来写幻灯片内容,开发者可以用熟悉的文本编辑器(VS Code、Vim 等)来编写。 -
开发者友好
- 支持代码块语法高亮
- 支持 “live coding”,可以在幻灯片中嵌入可运行的代码
- 与 Vue 组件无缝集成,可以直接插入 Vue 写的交互组件
-
主题与样式可定制
- 支持主题(theme),可作为 npm 包共享/安装
- 使用 UnoCSS 或 Windi CSS 按需样式
- 内置多种布局(center / cover / two-cols / iframe 等)
-
内置录制与 Presenter 模式
- 支持录制幻灯片(屏幕 + 摄像头)
- 演讲者视图(Presenter Mode),方便演示控制
-
导出与部署
- 可导出 PDF、PNG,或导出为 SPA 托管
- 热重载快速
-
数学公式 & 图表
- 支持 LaTeX 数学公式渲染
- 支持图表(diagram / flowchart 等)
-
开源与社区活跃
- 开源协议 MIT
- GitHub 上 Star 很高,社区活跃,贡献主题和插件
适用场景
- 技术分享 / 程序员会议:展示 live demo、嵌入交互组件
- 教学 / 培训:编程、数学、数据科学等课程幻灯片
- 学术报告:数学公式 + 图表 + 演讲者模式
- 产品演示:嵌入产品 Vue 组件或交互模拟
- 文档型幻灯片:项目总结、设计文档、roadmap
- 线上 / 远程演示:导出 SPA 在线分享