程序员老鬼

不是吧哥们!Slidev 和 DeepSeek 搭配,做幻灯片也能这么牛逼,效率爆表!

你有没有在做 PPT 时,感觉像是在和 PowerPoint打架?每次打开软件,脑袋里想的不是内容本身,而是如何调整布局、图标、文本框的位置,真的是想要一键摆脱这些烦人的操作,直接进入到内容创作中。

尤其对于我们这种总是忙着搞代码的“技术宅”来说,那些拖动、调整的动作,实在是显得有些“浪费时间”。直到我发现了 Slidev 和 DeepSeek 这对神器的组合,它们简直是为像我一样的开发者量身打造的“炫酷舞台”。

为什么选择 Slidev 而不是传统的 PowerPoint?

市面上 PPT 工具那么多,为什么我偏偏选了 Slidev?说白了,Slidev 给了我像写代码一样写幻灯片的自由。你没听错,它不再是那种拖动图标、调整文本框的“老派”工具,而是把每一页幻灯片当成 Markdown 的一部分来写。甚至还可以嵌入 Vue 组件,写幻灯片的过程和写前端代码几乎没有区别。

Slidev 的官网地址是:https://sli.dev/

它的 GitHub 地址是:https://github.com/slidevjs/slidev

对于那些网络不好或者需要快速获得资源的小伙伴,别担心,我提前准备了一个网盘链接,你可以直接通过这个链接获取: https://pan.quark.cn/s/d0492ae506d4

只需一行命令:

npm init slidev@latest

就能迅速开始一个项目。在编辑器中,你可以一边用 Markdown 写内容,一边在右侧实时预览幻灯片,效率超高,摆脱了传统幻灯片的繁琐操作。图片编辑、文本框拖拽?别再烦恼了,写 Markdown 就好。

Image

最酷的是,它和 Git 兼容,所有的幻灯片内容都可以像代码一样管理版本,一改内容,立马预览到效果,完全融入开发者的工作流。并且,它的主题更新频繁,支持热更新,所有改动会立刻反映在幻灯片中,简直不能更爽!

Image

DeepSeek:为内容创作加速

不过,单靠 Slidev 还是不够的,毕竟光写结构化内容还不够。有时候,我需要更加详细和专业的技术讲解内容,特别是在制作技术讲座或项目展示时,DeepSeek 就成了我的“内容神器”。

Image

它不仅帮我快速生成 Markdown 格式的幻灯片内容,还能根据主题给出准确且清晰的结构,省下我大量的脑力劳动。

举个例子,我曾经试过请求 DeepSeek:

“我想用 Slidev 做一个关于运动健身的 PPT,帮我生成 Markdown 内容”

结果,DeepSeek 立马就为我提供了一整套内容结构:段落清晰、逻辑严谨,还能加上一些幽默点缀,根本不像是冷冰冰的 AI 内容。只要把它粘贴到 slides.md 文件里,运行 npm run dev,一份完整的 PPT 就完成了,效率高得让人惊叹。

Image

以下是我亲自测试的效果展示:

Image
Image
Image

Markdown 写内容,开发者更得心应手

Slidev 的另一个优点是它对开发者非常友好——写幻灯片的过程就像写一个 README 文件一样简单,支持标准的 Markdown 语法。

你可以像写文档一样,用 --- 进行分页、用 # 标记标题、写代码块、插入图片、引用内容,所有的标准语法都可以无缝使用,简直就是开发者的天堂。

代码展示效果惊艳

对于技术讲解而言,Slidev 的代码展示效果可谓是锦上添花。它集成了 Shiki 代码高亮和 TwoSlash 注释功能,这意味着你不仅可以高亮显示代码,还能为代码添加注释,帮助听众更好地理解。

比如,当你讲解 async/await 流程时,你可以边展示代码边动态切换,让听众更容易理解。

一键切换主题,随时换风格

Slidev 提供了丰富的主题系统,甚至可以像在 VSCode 插件市场中那样一键切换不同风格的主题。无论你想要简洁的风格、酷炫的终端风,还是极简的设计,都可以轻松搞定。社区中也有许多现成的主题包,可以随时下载使用,选择多得玩不腻。

支持 Vue 组件,PPT 也能互动

这也是 Slidev 的一大亮点,它支持 Vue 组件,让你的幻灯片不再是死板的展示。你可以在幻灯片中插入按钮、表单,甚至是 Monaco 编辑器。这样,观众就可以现场互动,参与到代码展示中,瞬间让你的 PPT 变成一个可互动的开发环境。有没有觉得它的炫酷程度飙升了?

快速上手 Slidev

以下是我反复使用的上手流程,推荐给大家:

  1. 1. 安装 Node.js(最好使用版本 >= 18)
  2. 2. 初始化项目:
npm init slidev@latest
  1. 3. 启动项目:
npm run dev
  1. 4. 编辑 slides.md,一边写 Markdown 内容,一边右侧实时预览,效率高到爆炸。
  2. 5. 如果你需要快速搞定内容结构,DeepSeek 就是你的“救命稻草”!只需要给 DeepSeek 一个简单的 prompt:

“请用 Slidev 的格式生成一个技术主题的 PPT,主题是‘AI 与前端开发’。”

DeepSeek 会迅速为你列出大纲、正文内容,甚至加上小提示,直接复制粘贴,轻松搞定 PPT。

结语

使用 Slidev 和 DeepSeek 后,我几乎再也没碰过传统的 PowerPoint。Slidev 让我在写幻灯片时像写代码一样得心应手,效率大幅提升,而 DeepSeek 则解决了我每次内容创作的难题,让我能够迅速补充并生成丰富的内容。

无论是技术分享、项目介绍,还是演讲比赛,这一组合都能让我快速高效地制作出专业、炫酷的 PPT。

最后,我为大家打造了一份deepseek的入门到精通教程,完全免费:https://www.songshuhezi.com/deepseek

也可以看我写的这篇文章《DeepSeek满血复活,直接起飞!》来进行本地搭建。

-END-

ok,今天先说到这,老规矩,给大家分享一份不错的副业资料,感兴趣的同学可以链接我,微信:hls404 找我领取。

以上,就是今天的分享了,看完文章记得右下角点赞,也欢迎在评论区写下你的留言。