# Slidev：开发者专属的演示文稿神器

最近我在逛GitHub时，发现了一个很有意思的项目——`Slidev`。如果用一句话来总结，那就是：
> 用 Markdown 写幻灯片，让技术分享更高效、更优雅。

今天就来给大家推荐一下这个项目。

![](https://developer.qcloudimg.com/http-save/yehe-9735680/47b176ab8f37c31763efb158cdf19745.png)


## ❓为什么选择 Slidev？


作为开发者，我们经常需要做技术分享、产品演示或会议报告。传统的演示工具（如 PowerPoint、Keynote）虽然功能强大，但对于代码展示和实时编程演示往往力不从心。这就是 Slidev 诞生的原因——专为开发者设计的演示文稿工具。

Slidev（Slide + dev）结合了 Markdown 的简洁性和现代 Web 技术的强大功能，让你能够：

- 🎯 **专注于内容**，而不是样式调整
- 💻 **优雅地展示代码**，支持实时编辑
- 🚀 **快速启动和迭代**，享受即时热重载

github地址：[https://github.com/slidevjs/slidev](https://github.com/slidevjs/slidev)

在线地址： [https://sli.dev/new](https://sli.dev/new)

中文文档地址: [https://cn.sli.dev/](https://cn.sli.dev/)


![](https://developer.qcloudimg.com/http-save/yehe-9735680/a4937bd22e7fc990eefd32cbb9775a53.png)



该项目目前在github上已有**44.1k** ⭐️star

![](https://developer.qcloudimg.com/http-save/yehe-9735680/c4c311a5536d9dd1d46fd3e276369cf3.png)


## 🎯核心特性一览

### 📝 Markdown 驱动

用你熟悉的 Markdown 语法编写幻灯片，所有内容都在纯文本文件中，易于版本控制。


### 🧑‍💻 开发者友好功能
- **代码高亮**：内置语法高亮，支持多种编程语言
- **实时编程**：在演示过程中直接编辑和运行代码
- **终端模拟**：展示命令行操作的真实效果

### 🎨 强大的样式和主题系统
- **主题库丰富**：从官方和社区主题中选择，或轻松创建自己的主题
- **UnoCSS 集成**：使用原子化 CSS 工具快速定制样式
- **响应式设计**：自适应不同屏幕尺寸

### 🤹 交互式元素
- **嵌入 Vue 组件**：无缝集成交互式组件
- **动态内容**：在幻灯片中使用响应式数据
- **自定义布局**：创建复杂的幻灯片结构

### 🎙 专业演示功能
- **演讲者模式**：在单独窗口查看笔记和计时器
- **远程控制**：使用手机或其他设备控制幻灯片
- **画板功能**：在幻灯片上实时绘制和标注
- **录制功能**：内置录制和摄像头视图

### 📚 技术文档友好
- **LaTeX 支持**：完美的数学公式渲染
- **Mermaid 图表**：用文本描述创建流程图、序列图等
- **图标系统**：直接访问数千个图标

## ⚡快速开始

### 🌐在线体验

无需安装，直接在浏览器中体验：[sli.dev/new](https://sli.dev/new)

### 🖥️本地安装

确保已安装 Node.js (>=18)，然后运行：

```bash
# 如果你还没有安装 pnpm
npm i -g pnpm

pnpm create slidev

# 如果你希望使用单个 Markdown 文件作为幻灯片，可以全局安装 Slidev CLI：

pnpm i -g @slidev/cli

# 通过以下命令创建并启动幻灯片:

slidev slides.md
```

### 🐳Docker 安装

如果你需要快速的在容器上部署你的演示文稿，你可以使用由 tangramor 维护的预构建 docker 镜像。

github地址：[https://github.com/tangramor/slidev_docker](https://github.com/tangramor/slidev_docker)

我使用的是docker-compose启动的，以下是操作步骤

创建docker-compose.yml文件

```yaml
services:
  slidev:
    image: tangramor/slidev:latest
    container_name: slidev
    user: "node"
    ports:
      - "3030:3030"
    environment:
      - NPM_MIRROR=https://registry.npmmirror.com
    volumes:
      - ./data:/slidev
    stdin_open: true
    tty: true
```

在docker-compose.yml同级目录下创建挂载目录并授权

```bash
# 创建挂载目录
mkdir data
# 授权
sudo chmod -R 777 ./data
```

启动容器

```bash
docker-compose up -d 
```

查看日志

```bash
docker-compose logs -f 
```

如出现以下日志，则说明容器启动成功

![](https://developer.qcloudimg.com/http-save/yehe-9735680/917bfbcb111f64cdd416be50a5b221df.png)


启动完成后我们在浏览器中打开地址

![c5caaa4783416644789f66c5e2f57a98.png](https://developer.qcloudimg.com/http-save/yehe-9735680/d94c94c8e06dfab8128ccce6e86adeed.png)

在页面上右击则可以看到操作选项

![](https://developer.qcloudimg.com/http-save/yehe-9735680/119f0d1a8b1665fe44643b2bb53a0200.png)

`show editor` ->编辑md内容

![](https://developer.qcloudimg.com/http-save/yehe-9735680/2a60b0d8c22e004f4c5bfa1964c034c4.png)

`Shitf`+`右击` 打开本地功能

![](https://developer.qcloudimg.com/http-save/yehe-9735680/f0d035b664443389a1aef71928436ab6.png)



其它以下语法，操作我们就不在此处介绍了，家人们自行尝试吧

## 🧩 生态系统

Slidev 拥有活跃的社区和丰富的资源：

- **官方文档**：多语言支持（中、英、法、西、俄、葡）
- **主题画廊**：大量现成主题可供选择
- **插件系统**：扩展 Slidev 的功能
- **VS Code 扩展**：提供更好的编辑体验


![5a87dfa66f1260a800583cad17cda83f.png](https://developer.qcloudimg.com/http-save/yehe-9735680/2f6c3629f74da037f18897ea4ffa889a.png)



## 📝结语

无论你是需要做一次技术分享，还是想要创建教学材料，Slidev 都能提供卓越的体验。它的设计理念完美契合开发者的思维方式：

1. **从简单开始**：用 Markdown 快速创建基础幻灯片
2. **专注于内容**：让工具处理样式和布局问题
3. **优雅演示**：享受流畅的演示体验和专业的外观

Slidev 不仅是一个工具，更是一种新的演示文稿创作哲学——将内容的简洁性和功能的强大性完美结合。




最近我在逛GitHub时，发现了一个很有意思的项目——Slidev。如果用一句话来总结，那就是：

Slidev：开发者专属的演示文稿神器

最近我在逛GitHub时，发现了一个很有意思的项目——Slidev。如果用一句话来总结，那就是：用 Markdown 写幻灯片，让技术分享更高效、更优雅。

开发工具

前端

后端

Slidev是一款专为开发者设计的Markdown演示工具，支持代码高亮、实时编程、终端模拟等功能。内置丰富主题和交互组件，提供演讲者模式、远程控制等专业演示功能。支持LaTeX公式、Mermaid图表，可通过Docker快速部署。GitHub44.1k星项目，帮助开发者高效创建技术演示文稿。

响应式设计

容器

Docker

GitHub

2026新春采购季

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

Slidev：开发者专属的演示文稿神器-腾讯云开发者社区-腾讯云

Slidev：开发者专属的演示文稿神器

Slidev：开发者专属的演示文稿神器

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐