截至 2022-05-28 处于公测阶段。
安装配置
使用模板
pnpm create slidev
手动安装
pnpm add @slidev/cli @slidev/theme-default
echo 'shamefully-hoist=true' >> .npmrc
touch slides.md
npx slidev -h
Docker
docker run --name slidev --rm -it \
--user node \
-v ${PWD}:/slidev \
-p 3030:3030 \
tangramor/slidev:latest
特性支持
- Markdown 语法
- Windi CSS 样式支持，可直接用
<style>覆盖样式 - 不同的 layout：cover,center 等
- 背景图可以使用本地资源
- 使用 Prism 和 Shiki 支持代码高亮；行高亮（单次、多步骤）
- 使用 Monaco 支持在线修改内容
- 静态资源：远程用
![]()=；本地放在 public 文件夹，用 =/file.ext引用 - 笔记：=<!– Content —>= 中的内容作为笔记，在 Presenter Mode 显示
- 多种 Icônes 可供添加
- 支持 Latex，由 Katex 驱动
- 支持 Diagrams，由 Mermaid 驱动
- 可以插入多个幻灯片文件：合并文档头部设置、复用幻灯片文档
- 导航
- 导航栏（左下角），快捷键
- 幻灯片一览
- 动画
- 点击效果：定义点击次数、定义点击顺序
- 运动效果
- 导出 pdf, png
- 单页面应用，可下载 pdf 设置，部署至 Netlify、Vercel、GitHub Pages
- 支持录屏
- 演示模式 Presenter Mode
- 支持绘图和注释
- 通过扩展方便地在 VS Code 中查看（需要全局安装 =@slidev/cli=）
问题
- 有些展示内容被覆盖了
但是，这个仓库 https://github.com/cedric25/prisma-talk 的内容 https://prisma-talk.netlify.app/4 没有覆盖。