重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
slidev-export by yoanbernabeu/slidev-skills
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-export此技能涵盖 Slidev 中的所有导出选项,包括 PDF、PPTX、PNG 以及具有各种配置选项的 Markdown 导出。
自 v0.50.0 起,使用内置的浏览器导出器:
npm run devhttp://localhost:3030/export需要 playwright-chromium:
npm install -D playwright-chromium
然后:
npx slidev export
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
浏览器方法:
/exportCLI 方法:
npx slidev export
输出:./slides-export.pdf
浏览器方法:
/exportCLI 方法:
npx slidev export --format pptx
输出:./slides-export.pptx
注意:幻灯片以图像形式导出,包含演讲者备注。
CLI 方法:
npx slidev export --format png
输出:./slides-export/ 目录中的独立 PNG 文件。
npx slidev export --format md
编译 Markdown 并嵌入 PNG 图像。
| 选项 | 描述 |
|---|---|
--format | 导出格式:pdf、pptx、png、md |
--output | 输出文件/目录名称 |
--dark | 以深色模式导出 |
--with-clicks | 将每次点击导出为单独页面 |
--range | 导出特定幻灯片 |
自定义输出名称:
npx slidev export --output my-presentation
深色模式导出:
npx slidev export --dark
导出点击步骤:
npx slidev export --with-clicks
为每个动画步骤创建单独的页面。
特定幻灯片:
npx slidev export --range 1,4-5,8
导出幻灯片 1、4、5 和 8。
对于包含动画的复杂幻灯片:
npx slidev export --timeout 60000
将超时时间增加到 60 秒。
npx slidev export --wait 10000
在开始导出前等待 10 秒。
npx slidev export --wait-until networkidle
选项:none、load、domcontentloaded、networkidle
npx slidev export --with-toc
生成包含幻灯片标题的 PDF 大纲。
npx slidev export --format png --omit-background
移除默认的白色背景。
---
exportFilename: my-awesome-presentation
---
---
download: true
---
在演示文稿中显示下载按钮。
---
download: 'https://example.com/slides.pdf'
---
链接到预先生成的 PDF。
仅导出每张幻灯片的最终状态。
每个点击步骤成为单独的页面:
在讲义中使用 --with-clicks,以便读者能看到进度。
npx slidev export --scale 2
更高的缩放比例 = 更高的质量(以及更大的文件)。
npx slidev export --format png --scale 2
添加便捷脚本:
{
"scripts": {
"dev": "slidev --open",
"build": "slidev build",
"export": "slidev export",
"export:pdf": "slidev export --format pdf",
"export:pptx": "slidev export --format pptx",
"export:png": "slidev export --format png",
"export:dark": "slidev export --dark"
}
}
--wait 选项public/ 目录中导出不包含动画。使用 --with-clicks 来捕获状态。
npx slidev export --timeout 120000 --wait 5000
对于大型演示文稿:
NODE_OPTIONS="--max-old-space-size=4096" npx slidev export
| 导出 | 构建
---|---|---
输出 | PDF/PPTX/PNG | 静态网站
交互性 | 否 | 是
动画 | 静态捕获 | 正常工作
大小 | 较小 | 较大
分享方式 | 电子邮件/云端硬盘 | 网络托管
不要在演示当天才进行:
npm run export
检查:
标准是 16:9。不要在演示中途更改。
某些功能导出效果不佳:
PPTX 导出会自动包含备注。
npx slidev export --output presentation-v1.2
# 高质量 PDF
npx slidev export --with-toc --scale 2
# 包含所有点击状态
npx slidev export --with-clicks
# 独立图像
npx slidev export --format png
# 多种格式
npm run export:pdf
npm run export:pptx
npm run export:png
导出时:
# 导出命令:
npx slidev export [options]
# 使用的选项:
--format [pdf|pptx|png|md]
--output [filename]
--with-clicks (如果需要)
--dark (如果需要)
--range [slide numbers]
--timeout [ms]
--wait [ms]
导出前检查清单:
输出文件:
每周安装次数
51
仓库
GitHub Stars
22
首次出现
2026年1月25日
安全审计
安装于
opencode41
codex40
gemini-cli40
github-copilot39
amp39
kimi-cli39
This skill covers all export options in Slidev, including PDF, PPTX, PNG, and Markdown exports with various configuration options.
Since v0.50.0, use the built-in browser exporter:
npm run devhttp://localhost:3030/exportRequires playwright-chromium:
npm install -D playwright-chromium
Then:
npx slidev export
Browser Method :
/exportCLI Method :
npx slidev export
Output: ./slides-export.pdf
Browser Method :
/exportCLI Method :
npx slidev export --format pptx
Output: ./slides-export.pptx
Note : Slides exported as images, presenter notes included.
CLI Method :
npx slidev export --format png
Output: Individual PNG files in ./slides-export/ directory.
npx slidev export --format md
Compiles Markdown with embedded PNG images.
| Option | Description |
|---|---|
--format | Export format: pdf, pptx, png, md |
--output | Output file/directory name |
--dark | Export in dark mode |
--with-clicks |
Custom output name :
npx slidev export --output my-presentation
Dark mode export :
npx slidev export --dark
Export with clicks :
npx slidev export --with-clicks
Creates separate pages for each animation step.
Specific slides :
npx slidev export --range 1,4-5,8
Exports slides 1, 4, 5, and 8.
For complex slides with animations:
npx slidev export --timeout 60000
Increases timeout to 60 seconds.
npx slidev export --wait 10000
Waits 10 seconds before starting export.
npx slidev export --wait-until networkidle
Options: none, load, domcontentloaded, networkidle
npx slidev export --with-toc
Generates PDF outline with slide titles.
npx slidev export --format png --omit-background
Removes default white background.
---
exportFilename: my-awesome-presentation
---
---
download: true
---
Shows download button in presentation.
---
download: 'https://example.com/slides.pdf'
---
Links to pre-generated PDF.
Only final state of each slide exported.
Each click step becomes a separate page:
Use --with-clicks for handouts so readers see progression.
npx slidev export --scale 2
Higher scale = higher quality (and larger file).
npx slidev export --format png --scale 2
Add convenient scripts:
{
"scripts": {
"dev": "slidev --open",
"build": "slidev build",
"export": "slidev export",
"export:pdf": "slidev export --format pdf",
"export:pptx": "slidev export --format pptx",
"export:png": "slidev export --format png",
"export:dark": "slidev export --dark"
}
}
--wait optionpublic/ directoryExport doesn't include animations. Use --with-clicks to capture states.
npx slidev export --timeout 120000 --wait 5000
For large presentations:
NODE_OPTIONS="--max-old-space-size=4096" npx slidev export
| Export | Build
---|---|---
Output | PDF/PPTX/PNG | Static website
Interactive | No | Yes
Animations | Static captures | Working
Size | Smaller | Larger
Sharing | Email/Drive | Web hosting
Don't wait until presentation day:
npm run export
Check:
Standard is 16:9. Don't change mid-presentation.
Some features don't export well:
PPTX export includes notes automatically.
npx slidev export --output presentation-v1.2
# High-quality PDF
npx slidev export --with-toc --scale 2
# Include all click states
npx slidev export --with-clicks
# Individual images
npx slidev export --format png
# Multiple formats
npm run export:pdf
npm run export:pptx
npm run export:png
When exporting:
# EXPORT COMMAND:
npx slidev export [options]
# OPTIONS USED:
--format [pdf|pptx|png|md]
--output [filename]
--with-clicks (if needed)
--dark (if needed)
--range [slide numbers]
--timeout [ms]
--wait [ms]
CHECKLIST BEFORE EXPORT:
OUTPUT FILES:
Weekly Installs
51
Repository
GitHub Stars
22
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
opencode41
codex40
gemini-cli40
github-copilot39
amp39
kimi-cli39
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
125,600 周安装
AI Draw.io 图表生成器 - 智能生成流程图、架构图XML代码,自动化可视化设计
64 周安装
Claude博客资源技能:获取Claude Code最新功能、CLAUDE.md最佳实践与官方文档
57 周安装
Claude Historian:AI对话历史搜索工具 - 提升Claude开发效率的智能助手
60 周安装
Godot RTS游戏开发专家蓝图:性能优化、寻路与单位管理最佳实践
64 周安装
Salesforce自动化指南:通过Rube MCP和Composio工具包实现CRM操作
55 周安装
Web Artifacts Builder:React + TypeScript + Vite 前端项目一键打包为单HTML文件工具
62 周安装
| Export each click as separate page |
--range | Export specific slides |