Slidev

Slidev是一款专为开发者和技术讲者打造的开源演示文稿工具，结合了 Markdown 与 Vue.js 的强大功能，提供高效、灵活且可高度定制的幻灯片制作体验。通过简单的文本编写，用户即可创建具备交互性、动画效果和代码高亮的专业演示文稿。

🛠 核心功能

• Markdown 编写：使用 Markdown 语法撰写幻灯片内容，支持嵌入 HTML 和 Vue 组件，便于开发者专注于内容创作。

• 代码高亮与实时演示：内置 Shiki 和 Monaco Editor，支持多种编程语言的语法高亮，适合技术分享和代码演示。

• 数学公式与图表支持：集成 KaTeX 和 Mermaid，方便插入数学公式和流程图，满足学术和技术展示需求。

• 主题与插件系统：提供丰富的主题选择，并支持通过 npm 安装自定义主题和插件，满足个性化需求。

• 导出与部署：支持将幻灯片导出为 PDF、PNG 或 PPTX 格式，或构建为静态网页，便于分享和部署。

• 演讲者模式与录制功能：内置演讲者视图，支持摄像头画中画和录制功能，提升演示体验。

🚀 技术栈与优势

• 现代前端技术：基于 Vite 构建，结合 Vue 3 和 UnoCSS，实现快速响应和灵活的样式定制。

• 开发者友好：支持版本控制，便于协作和内容迭代，适合开发团队使用。

• 跨平台支持：兼容 Windows、macOS 和 Linux，且可在浏览器中直接编辑和预览。

📦 快速上手

1. 确保已安装 Node.js（推荐版本 ≥ 14）。

2. 使用以下命令创建新项目：

   bash

   npm init slidev


3. 进入项目目录，启动开发服务器：

   bash

   npm run dev


4. 在浏览器中访问 http://localhost:3030，即可预览幻灯片。

🔗 相关链接

• 官方网站：https://sli.dev/

• 中文文档：https://cn.sli.dev/

• GitHub 项目：https://github.com/slidevjs/slidev

Slidev 通过简洁的语法和强大的功能，极大地提升了技术演示的效率和表现力，是开发者进行技术分享、教学培训和项目展示的理想工具。