Slidev+DeepSeek实现一边写 Markdown,一边做幻灯片!
你是不是也有过那种做 PPT 做到崩溃的时刻?每次打开 PowerPoint,脑子里只有模板和排版,而不是内容本身。尤其像我们这种整天和代码打交道的人,那些动不动就要拉图标、挪文本框的操作,属实有点“不务正业”的感觉了。后来我发现了一对神器组合:Slidev + DeepSeek,真的就像给技术宅量身打造的“炫技舞台”。
我第一次看到 Slidev 的效果,是在一次技术分享里。台上的人边讲解边演示代码,甚至还有交互小组件,我当时真的一整个惊呆!一问才知道是用 Slidev 搞的,还用了 DeepSeek 来补内容。那一刻,我就知道自己得试试。
为什么我选 Slidev,而不是 PowerPoint?
PPT 工具那么多,为啥我偏偏用 Slidev?说到底,是因为它给了我像写代码一样写幻灯片的自由。Slidev 把每一页 PPT 都变成 Markdown 的一部分,甚至支持直接嵌 Vue 组件,写幻灯片的过程就跟写前端代码一模一样。
官网地址:https://sli.dev/
github地址:https://github.com/slidevjs/slidev
由于一些小伙伴网络不行,现在我已经提前给大家准备了,点击网盘地址链接即可获得:https://pan.quark.cn/s/d0492ae506d4
只需要一行命令:
bashnpm init slidev@latest
就能快速开始一个项目。编辑器里左边写 Markdown,右边自动预览幻灯片。效率那是真叫一个高,不用再忍受拖拽图片、切换文本框的烦躁操作了。
更酷的是,你可以一边写内容一边 Git 管理版本,工作流跟日常开发无缝对接。而且它更新快、主题多,还支持热更新,一改 Markdown 马上就能看到效果,舒服得不行。
DeepSeek:补脑又高效的内容生成神器
当然啦,光有 Slidev 还不够,有些内容还是要“绞尽脑汁”才能写出来,特别是技术讲解时的案例、结构和讲稿。这个时候 DeepSeek 简直是救星。
我试过很多次,比如说:
“我想用 Slidev 做一个关于运动健身的 PPT,帮我生成 Markdown 内容”
DeepSeek 会马上生成一套完整的内容结构,不仅段落清晰、逻辑严谨,还能贴合技术表达方式,甚至有时候还能加入一些幽默点缀,完全不像冷冰冰的 AI 产物。你只需要把这份内容粘到 slides.md
文件里,然后一运行 npm run dev
,一份完整的 PPT 就生成了,分分钟出效果。以下是我亲测的效果展示:
✅ Markdown 写内容,开发者天然熟练
写幻灯片和写 README 没区别,支持全部标准 Markdown 语法,---
分页、#
标题、代码块、图片、引用通通支持,写着太顺手了。
💻 代码展示效果惊艳
Slidev 集成了 Shiki 代码高亮和 TwoSlash 注释功能,代码展示不但高亮还可以带解释,比如你讲 async/await 流程,能一边展示一边动态切换,听众看得也更清楚。
🎨 一键切换主题,想换风格就换
主题系统像 VSCode 插件一样,npm 一装就能用。想要 Apple 风、终端风、极简设计风,一键切换毫无压力。社区也有很多现成的主题包,根本玩不腻。
🔧 支持 Vue 组件,PPT 也能互动
这个功能是 Slidev 的灵魂之一。你可以在某一页插入一个按钮、表单、甚至是 Monaco 编辑器。观众现场互动写代码,PPT 变成 IDE,有多炸场不用我多说了吧?
快速上手 Slidev
下面这个流程我已经用了好多次,推荐给你:
- 安装 Node.js(最好 >= 18 版本)
- 初始化项目:
bashnpm init slidev@latest
- 启动项目:
bashnpm run dev
- 编辑
slides.md
,一边写 Markdown 一边看右边实时预览,效率爽翻天。 - 如果你想快速搞定内容结构?DeepSeek 上场!一句 prompt:
“请用 Slidev 的格式生成一个技术主题的 PPT,主题是‘AI 与前端开发’。”
然后它就自动帮你列出大纲、正文内容、甚至小提示,直接拷贝粘贴就能用。
最后
讲真,自从我用上这套组合之后,几乎没有再碰过传统的 PowerPoint。Slidev 给我极致的自由度和效率,而 DeepSeek 就是那个随叫随到的内容补脑工具。
Slidev 让我像写代码一样写出视觉高级感拉满的幻灯片,DeepSeek 则让我每一次内容准备都快上三倍。两者结合,不管是教学分享、项目介绍还是演讲比赛,都能快速产出专业又炫酷的 PPT。