Slidev:用 Markdown 写出完整演讲的幻灯片工具【免费下载链接】slidevPresentation Slides for Developers项目地址: https://gitcode.com/GitHub_Trending/sl/slidevSlidev 是一款面向开发者的 Markdown 演示文稿工具:内容全部写在slides.md里,浏览器中打开的页面就是同一份源文件的实时预览。代码高亮、Vue 组件嵌入、演示者模式和 PDF/PPTX 导出都是内置能力。本文按写稿 → 打磨 → 上台 → 交付的顺序,走一遍从第一页幻灯片到最终导出的完整流程。用 Markdown 文件写下第一页幻灯片演讲内容都放在一个slides.md中,用---分隔符切分出每一页,文件开头的 frontmatter 负责设置主题、标题等全局信息。项目底层是 Vite,保存后预览秒级热更新,无需手动刷新浏览器。不想在编辑器之间来回切换的话,内置的分屏编辑器可以直接用:点击导航栏左下角的编辑图标,源码和预览并排呈现,改动即时写回磁盘。分屏编辑器把源码编辑和幻灯片预览放在同一窗口,改完即刷新完整的语法参考见官方文档。用行号高亮让代码演示自己说话幻灯片里的代码块由内置的 Shiki 引擎着色,支持 200 多种语言。在语言标识后加花括号标注行号即可高亮关键行,多个阶段用|分隔,之后每按一次前进键就切换到下一阶段——函数逐行拆解的节奏直接由这份配置决定,讲的时候不用切去终端演示:function add( a: Refnumber | number, b: Refnumber | number ) { return computed(() unref(a) unref(b)) }用 Vue 组件把静态页面变成可交互演示把元素包进v-click组件,它们会随每一次点击逐条出现,讲解节奏完全可控。更进一步,在components/目录里写好自定义 Vue 组件,再在 Markdown 中直接引用,幻灯片里就能出现实时运行的图表、小工具和动画,而不只是图片和文字。嵌入 Vue 组件后的 Slidev 演示:流程图、标记与交互都在浏览器中实时渲染在浏览器里把整场演讲录成视频需要留档或二次分发时,不必再装录屏软件:点击导航栏的视频按钮即可开始录制,摄像头画面可以选择以画中画形式合入幻灯片,也可以单独输出成两个文件。录制基于浏览器 WebRTC 与 RecordRTC 完成,全程本地进行。详见录制文档。用演示者模式把控台上节奏打开演示者页面后,屏幕里是当前幻灯片、下一页预览和演讲备注,而投给观众的窗口只显示当前页。两个窗口的导航始终同步,计时条帮助掌握时间分配,还提供三种版式可切换,适配双屏或大屏的布置。演示者视图把下一页预览和备注放在手边,台上只需要管节奏一条命令把幻灯片导出成 PDF 或 PPTX交付环节只需一条导出命令:默认产出 PDF,加--format pptx得到 PowerPoint 文件,演讲备注会按页带过去;想要可编辑的形状而非图片,还有专门的可编辑 PPTX 模式。带交互效果的幻灯片则适合构建为静态站点,部署到任意静态托管服务上。更多参数见导出文档。slidev export --format pptx --with-clicks快速上手npm init slidev # 进入项目目录,启动本地预览 npm run dev项目里值得留意的文件只有几个:slides.md— 主演示文稿components/— 自定义 Vue 组件目录style.css— 全局样式文件【免费下载链接】slidevPresentation Slides for Developers项目地址: https://gitcode.com/GitHub_Trending/sl/slidev创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考