36.3K star!开发者专属PPT神器,Markdown秒变炫酷幻灯片!
Slidev 是专为开发者打造的现代化幻灯片制作工具,基于 Markdown + Vue 技术栈实现。它让技术分享、产品演示、教学培训等场景的幻灯片制作效率提升300%,支持实时编码演示、数学公式渲染、流程图绘制等开发者刚需功能,可将.md文件一键转换为网页/PDF/PPTX格式。
核心功能
🚀 极速启动
通过npm init slidev
命令5秒创建项目,自动生成演示文档脚手架。支持在线编辑器sli.dev/new直接编写,无需安装任何软件。
📝 智能Markdown
# 第1页
- 自动解析为幻灯片页面
- 支持**粗体**、*斜体*等基础语法
---
# 第2页
使用:::col两栏布局:::
左边文字 | 右边代码
💻 实时编码演示
// 直接在幻灯片中运行TypeScript代码
function add(a: number, b: number) {
return a + b
}
console.log(add(2, 3)) // 5
🎨 主题自由切换
通过npm安装主题包:
npm install @slidev/theme-seriph
在frontmatter中指定:
---
theme: seriph
---
🔢 数学公式支持
当 $a \ne 0$ 时,方程解为:
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$
📊 智能图表
技术架构
技术栈 | 功能说明 | 优势特性 |
Vite | 构建工具 | 秒级热更新 |
Vue3 | 核心框架 | 组件化开发 |
UnoCSS | 原子化CSS引擎 | 按需生成样式 |
Shiki | 代码高亮 | VS Code级语法着色 |
Mermaid | 图表渲染 | 文本转矢量图 |
RecordRTC | 屏幕录制 | 内置演讲录制功能 |
界面效果
同类项目对比
功能 | Slidev | Reveal.js | Marp |
开发语言 | Vue | JavaScript | Markdown |
实时编码 | ✅ | ❌ | ❌ |
组件扩展 | Vue组件 | 插件系统 | 有限扩展 |
数学公式 | LaTeX | 需插件 | 基础支持 |
导出格式 | PDF/PPTX/PNG | 主要HTML | PDF为主 |
学习曲线 | 中等 | 较高 | 简单 |
总结建议
适用场景
- 技术大会演讲
- 产品需求评审
- 教学培训课件
- 项目进度汇报
- 技术方案分享
同类项目推荐
- Reveal.js:老牌Web幻灯片框架
- Marp:专注Markdown转PDF
- Deckset:Mac平台Markdown演示工具