36.3K star!开发者专属PPT神器,Markdown秒变炫酷幻灯片!

简介: Slidev 是专为开发者打造的现代化幻灯片制作工具,基于 Markdown + Vue 技术栈实现。它让技术分享、产品演示、教学培训等场景的幻灯片制作效率提升300%,支持实时编码演示、数学公式渲染、流程图绘制等开发者刚需功能,可将.md文件一键转换为网页/PDF/PPTX格式。

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为主
学习曲线 中等 较高 简单

总结建议

适用场景

  • 技术大会演讲
  • 产品需求评审
  • 教学培训课件
  • 项目进度汇报
  • 技术方案分享

同类项目推荐

  1. Reveal.js:老牌Web幻灯片框架
  2. Marp:专注Markdown转PDF
  3. Deckset:Mac平台Markdown演示工具

项目地址

https://github.com/slidevjs/slidev

目录
打赏
0
5
4
0
180
分享
相关文章
Star 6.9k!开源的全能Markdown格式文件提取器:MinerU
总的来说,MinerU是一款非常实用且强大的数据提取工具。无论你是开发者、互联网从业者,还是有具体需求的新人小白,MinerU都能极大地提升你的工作效率,让你专注于更有价值的工作。 最后,如果你对MinerU感兴趣,不妨亲自尝试一下,相信你会爱上这款全能的Markdown格式文件提取器。
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
Marp —用Markdown编写PPT
Marp —用Markdown编写PPT
357 0
Marp —用Markdown编写PPT
JavaScript 使用 Markdown 制作 PPT
markdown 对于开发者来说是一个熟悉的文档格式,编写文档或者博客首选的格式。markdown 文档可以转换为HTML进行展示。在文章《2021 年 6 个GitHub推荐前端项目》中介绍了一个将 markdown 转换为幻灯片的脚本库 Slidev 。
411 0
JavaScript 使用 Markdown 制作 PPT
写作利器,一款极简的Markdown 编辑器
WeChat Markdown Editor 是一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性。
201 70
写作利器,一款极简的Markdown 编辑器
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
328 1
Linux系统之部署轻量级Markdown文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
303 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等