仅用于站内搜索，没有排版格式，具体信息请跳转上方微信公众号内链接
大家好，我是Ai学习的老章
大家好，我是Ai学习的章北海
先看个视频
文案来源：我特别喜欢的三个DeepSeek版本
我又发现的一个制作PPT的方案：大模型结合Slidev
浏览器即可运行，翻页+辉光动效
这算是我之前介绍过大模型与PPT结合的另一种玩法（前文：用大模型，把论文变成_PPT_、大模型做PPT，三种方案：Kimi+AiPPT、Gamma、Claude+SVG
下面看看具体是如何实现
Slidev（https ://sli. dev/）是一个为开发者量身定制的开源演示文稿工具，它将开发者熟悉的工作流与现代网页技术相结合，提供了一种全新的创建和展示幻灯片的方式。
与传统的演示文稿工具（如PowerPoint、Keynote）不同，Slidev以Markdown为基础，让开发者能够使用代码和文本来创建精美的演示文稿。
📝Markdown优先：所有内容都存放在一个纯文本的Markdown文件中，这使得版本控制、协作和内容复用变得极其简单。无需关心复杂的格式，只需专注于写作本身。
🧑💻开发者友好：Slidev的一切都为开发者而设计，可以使用熟悉的工具和技术栈，无缝集成代码编辑器、终端，甚至在幻灯片中运行代码。
🎨高度可定制：从单个幻灯片的布局到整个演示文稿的主题，一切皆可定制。可以使用CSS、WindiCSS/UnoCSS，甚至编写自己的Vue组件和布局，实现像素级的完美控制。
⚡快速且渐进：基于Vite，Slidev提供了闪电般的热更新体验。可以从一个简单的Markdown文件开始，在需要时逐步引入更复杂的功能，而不会感到不知所措。
🤹可交互与集成：由于幻灯片本质上是一个Web应用，你可以嵌入任何Vue或React组件，创建动态图表、实时投票、现场编码演示等任何你能想到的交互式体验。
技术演讲和分享
代码教学和培训
产品演示（特别是技术产品）
团队内部技术汇报
开发者大会和技术峰会
Slidev功能特别多。。。根本学不完，大概浏览一下就行了，对功能有一个大致印象
这些东西，后面也可以扔给大模型的
比较核心的有以下：
Markdown扩展：支持所有标准的Markdown语法，并增加了对脚注、目录等的支持。
代码高亮：内置Shiki和Prism，提供像素级完美的代码语法高亮，支持行号显示、代码行高亮和diff查看。
图标：通过unplugin-icons，可以直接在Markdown中使用来自数千个开源图标集的图标。
LaTeX公式：内置KaTeX支持，可以轻松地在幻灯片中编写和渲染复杂的数学公式。
图表与可视化：原生支持Mermaid. js，可以通过文本描述快速创建流程图、序列图、甘特图等多种图表。
主题系统：提供多个官方主题，社区也贡献了大量主题。你可以轻松切换，也可以通过eject命令弹出主题进行深度定制。
自定义布局：除了内置的cover,intro,image-left等布局外，你还可以使用Vue组件创建自己的布局，并通过layout元数据在任何幻灯片上应用。
全局样式与组件：通过创建style. css、global-top. vue或global-bottom. vue等文件，可以为所有幻灯片应用统一的样式、页眉或页脚。
-可交互组件：无缝嵌入和使用Vue或React组件，为你的演示文稿增加动态和交互性。
Monaco编辑器集成：可以将代码块转换为功能齐全的Monaco编辑器，支持实时编码、代码diff，甚至可以直接运行代码并显示结果。
动画：支持元素级的点击动画（v-click）和页面间的过渡动画，让你的演示更具表现力。
绘图与批注：内置绘图模式，可以在幻灯片上自由地进行绘图和批注，非常适合用于讲解和强调。
通过StackBlitz在浏览器中创建幻灯片：sli. dev/new
这个页面本身也很适合学习Slidev的基本操作
比如可以自行修改slide. md的内容，看最右侧PPT预览区的变化
确保已安装Node. js>=18. 0
在终端运行以下命令创建新项目：
根据提示完成项目创建，幻灯片内容将在slides. md文件中
slidev-启动开发服务器
slidevexport-导出幻灯片（PDF、PPTX、PNG）
slidevbuild-构建为静态网页
slidevformat-格式化幻灯片内容
使用三个连续的短横线—来分隔你的幻灯片。你也可以在其后添加布局指令。
Slidev对代码块提供了强大的支持。
语法高亮：通过在语言标识符后添加{}来实现行高亮。
行号：在Frontmatter中设置lineNumbers:true或在代码块上单独设置。
导入代码片段：可以从外部文件中直接导入代码片段。
在每张幻灯片的末尾，使用语法添加演讲者备注。这些备注只会出现在演示者模式中。
MDC语法：Slidev支持MDC(MarkdownComponents)语法，允许你在Markdown中直接使用和样式化组件。
ScopedCSS：可以在Frontmatter中使用标签来定义仅对当前幻灯片生效的CSS样式。
Slidev的强大之处在于其极高的可扩展性。一个典型的例子就是通过global-bottom. vue组件来添加全局的背景或功能。
如果不会写vue怎么办？也可以把需求描述清楚，然后让大模型帮你写好。
这个例子完美地诠释了Slidev的设计哲学：将复杂的实现封装起来，为用户提供最简洁的接口。一旦基础配置和组件设置完成，你就可以完全专注于slides. md的内容创作，Slidev会在背后处理好所有复杂的渲染和交互逻辑。
在Slidev中更换主题非常简单。你只需要在headmatter中添加theme选项：
也可以在主题合集中找到官方主题和社区主题。
主题名称的规范
你可以使用相对或绝对路径指定本地主题文件夹，例如../my-theme
你也可以直接使用完整的包名作为主题名称
如果主题是官方主题或者命名为slidev-theme-name，你可以省略slidev-theme-前缀
对于作用域包，如@org/slidev-theme-name，需要使用完整的包名
启动服务器后，你将会看到如下提示，选择同意即可安装该主题：
?Thetheme\“@slidev/theme-seriph\“wasnotfoundinyourproject,doyouwanttoinstallitnow?›(Y/n)
或者，也可以手动安装主题：
安装vscode/cursor/windsurf插件
Slidev的VSCode扩展提供了一些特性
在侧边面板中预览幻灯片
幻灯片树形图
为幻灯片重新排序
幻灯片块的折叠
多幻灯片项目支持
一键启动开发服务器
gitclonehttps ://github. com/slidevjs/slidev
事实上，我们只需要编辑slide. md就行了
这部分也可以用大模型来生成，把链接、文本、甚至PDF扔给大模型
让其阅读、理解整个项目的用途后生成slide. md即可
运行只需要执行pnpmdev即可
然后浏览器打开http ://localhost:3030/
其实也可以把这个ppt发布到互联网，这就需要域名支持了
比如在cloudflare买个域名，部署在vercel，解析也用cloudflare
制作不易，如果这篇文章觉得对你有用，可否点个关注。给我个三连击：点赞、转发和在看。若可以再给我加个🌟，谢谢你看我的文章，我们下篇再见！
搭建完美的写作环境：工具篇（12章）图解机器学习-中文版（72张PNG）ChatGPT、大模型系列研究报告（50个PDF）108页PDF小册子：搭建机器学习开发环境及Python基础116页PDF小册子：机器学习中的概率论、统计学、线性代数史上最全！371张速查表，涵盖AI、ChatGPT、Python、R、深度学习、机器学习等
![[论文分享]ICLR 2025 FREDF：在频域中学会预测](/medias/frontcover/1000001369-2247511944_1-1751947895.jpg)