Slidev.js是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容,同时拥有支持 HTML 和 Vue 组件的能力,并且能够呈现像素级完美的布局,还在你的演讲稿中内置了互动的演示样例。
它使用了功能丰富的 markdown 文件来生成精美的幻灯片,具有即时重载的体验。它还拥有很多内置的集成功能,如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的,因此你可以使用它进行任何操作 —— 具有无限的可能性。
本地安装
使用 NPM:
$ npm init slidev
使用 Yarn:
$ yarn create slidev
#命令行界面
在安装了 Slidev 的项目里,你可以在你的 npm scripts 里使用 slidev 命令。
{
"scripts": {
"dev": "slidev", // 启动 dev server
"build": "slidev build", // 构建生产环境的单页面应用
"export": "slidev export" // 将幻灯片导出为 pdf 格式
}
}或者,你也可以使用 npx
$ npx slidev
执行 slidev --help 命令获取更多选项的详细信息。
#Markdown 语法
Slidev 会读取位于项目根目录的 slides.md 文件,并将其转换为幻灯片。每当你修改 Markdown 文件,幻灯片的内容都会立刻随之更新。例如:
# Slidev
Hello World
---
# 第 2 页
直接使用代码块,能够实现代码高亮
//```ts
console.log('Hello, World!')
//```
---
# 第 3 页
网友回复
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好?
剪映能打开.fcpxml格式的文件吗?
增量式编码器与绝对式编码器的区别是啥?
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目?
chrome网页突然报错:错误代码:RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件?
阿里云oss前端上传文件直传如何限制文件类型?
阿里云oss前端获取policy签名直传oss上传文件回调如何传?
如何将根据三维物体通过提示词变成可交互的4d场景动画?
浏览器中实时摄像头离线视觉ai模型有吗?


