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 页
网友回复
有没有不依赖embedding向量的RAG技术?
有没有支持实时打断语音通话并后台帮你执行任何的ai模型?
开源ai大模型文件格式GGUF、MLX、Safetensors、 ONNX 有什么区别?
出海挣钱支付收款PayPal、Wise 、PingPong、Stripe如何选择?
如何实现类似google的图片隐形水印添加和识别技术?
linux上如何运行任意windows程序?
ai能写出比黑客还厉害的零日漏洞等攻击工具攻击任意软件系统工程?
js如何获取浏览器的音频上下文指纹、Canvas指纹、WebGL渲染特征?
为啥ai开始抛弃markdown文本,重新偏好html文本了?
网站有没有办法鉴别访问请求是由ai操控chrome-devtools-mcp发出的?


