经常需要做各类演示和分享,却总是被幻灯片的制作所困扰,每次都需要花大量时间调整格式,特别是在展示代码、图表或专业内容时,更是费时费力。
传统的演示工具如 PowerPoint 或 Keynote 虽然功能强大,但对于习惯了文本编辑的我们来说,总觉得不够直观。
需要反复切换鼠标和键盘,调整元素位置和样式,操作繁琐不说,有时还会因为格式问题导致内容错乱,制作出来的效果不尽如人意。
幸运的是,有一款名为 Slidev 的开源工具完美解决了这个问题。
它让我们可以使用简单的 Markdown 语法来创建专业的演示幻灯片,一边关注内容,一边获得出色的视觉效果,无论是学生、教师、专业人士还是爱好者,都能轻松上手。
主要功能
Markdown 驱动:使用简单的 Markdown 语法创建幻灯片,让我们能专注于内容而不是复杂的排版和设计。
开发友好:内置代码高亮功能,展示各类代码和技术内容时不再担心格式问题。
主题化支持:丰富的主题可以通过 npm 包共享和使用,一键应用专业设计,无需设计基础。
交互性:无缝嵌入组件,实现动态交互式演示,让观众参与其中。
演讲者模式:可以使用另一个窗口或手机来控制幻灯片,方便演讲时查看备注和下一张幻灯片内容。
绘图注解:在幻灯片上实时绘图和标注,增强讲解效果,突出重点内容。
数学公式支持:内置 LaTeX 数学公式支持,轻松展示复杂公式,适合教育和学术场景。
图表生成:使用 Mermaid 通过文字描述创建专业图表,无需额外的图表工具。
图标支持:直接访问各种图标集,丰富视觉元素,提升设计感。
导出功能:轻松导出为 PDF、PNG 或 PPTX 格式,兼容各种使用场景和分享需求。
快速加载:基于 Vite 的即时重载,修改后立即预览,实时调整内容。
安装指南
安装 Slidev 非常简单,只需要确保已安装 Node.js 18 或更高版本,然后在终端中运行一行命令即可:
npm init slidev
这个命令会自动创建一个新的 Slidev 项目,并安装所有必要的依赖,整个过程只需几分钟。
如果想在线尝试而不安装任何东西,也可以直接访问 sli.dev/new 进行体验,立即开始创建精美的演示文稿。
使用指南
使用 Slidev 制作演示文稿非常直观。创建项目后,只需编辑生成的 Markdown 文件:
-
使用
---
分隔不同的幻灯片,每个部分自动成为一张新的幻灯片 -
普通文本会自动排版,标题、列表等 Markdown 元素会应用相应的样式
-
代码块会自动应用语法高亮,展示效果专业美观
-
可以使用简单的标记添加图片、视频和其他多媒体内容
-
通过简单命令启动演示:
npm run dev
,即可在浏览器中实时预览
详细的使用文档提供了多种语言版本,包括中文文档 cn.sli.dev,方便我们深入学习各项功能,即使是 Markdown 初学者也能快速上手。
写在最后
有了 Slidev,我们终于可以像写文档一样轻松制作演示文稿。
无论是课堂讲义、学术报告、商业演示,还是知识分享,都能更加高效地完成。
告别繁琐的格式调整,专注于内容本身,同时获得专业美观的视觉效果。
这款开源神器不仅大大提升了演示文稿的制作效率,还通过其丰富的功能,让我们的演示变得更加生动、专业和引人入胜。