前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >36.3K star!开发者专属PPT神器,Markdown秒变炫酷幻灯片!

36.3K star!开发者专属PPT神器,Markdown秒变炫酷幻灯片!

原创
作者头像
小华同学ai
发布于 2025-04-26 12:34:11
发布于 2025-04-26 12:34:11
24900
代码可运行
举报
运行总次数:0
代码可运行

嗨,大家好,我是小华同学,关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法

Slidev 是专为开发者打造的现代化幻灯片制作工具,基于 Markdown + Vue 技术栈实现。它让技术分享、产品演示、教学培训等场景的幻灯片制作效率提升300%,支持实时编码演示、数学公式渲染、流程图绘制等开发者刚需功能,可将.md文件一键转换为网页/PDF/PPTX格式。

核心功能

🚀 极速启动

通过npm init slidev命令5秒创建项目,自动生成演示文档脚手架。支持在线编辑器sli.dev/new直接编写,无需安装任何软件。

📝 智能Markdown

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# 第1- 自动解析为幻灯片页面
- 支持**粗体***斜体*等基础语法

---
# 第2使用:::col两栏布局:::
左边文字 | 右边代码

💻 实时编码演示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// 直接在幻灯片中运行TypeScript代码
function add(a: number, b: number) {
  return a + b
}
console.log(add(2, 3)) // 5

🎨 主题自由切换

通过npm安装主题包:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
npm install @slidev/theme-seriph

在frontmatter中指定:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
---
theme: seriph
---

🔢 数学公式支持

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
当 $a \ne 0$ 时,方程解为:
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$

📊 智能图表

技术架构

技术栈

功能说明

优势特性

Vite

构建工具

秒级热更新

Vue3

核心框架

组件化开发

UnoCSS

原子化CSS引擎

按需生成样式

Shiki

代码高亮

VS Code级语法着色

Mermaid

图表渲染

文本转矢量图

RecordRTC

屏幕录制

内置演讲录制功能

界面效果

同类项目对比

功能

Slidev

Reveal.js

Marp

开发语言

Vue

JavaScript

Markdown

实时编码

组件扩展

Vue组件

插件系统

有限扩展

数学公式

LaTeX

需插件

基础支持

导出格式

PDF/PPTX/PNG

主要HTML

PDF为主

学习曲线

中等

较高

简单

总结建议

适用场景

  • 技术大会演讲
  • 产品需求评审
  • 教学培训课件
  • 项目进度汇报
  • 技术方案分享

同类项目推荐

  1. Reveal.js:老牌Web幻灯片框架
  2. Marp:专注Markdown转PDF
  3. Deckset:Mac平台Markdown演示工具

项目地址

https://github.com/slidevjs/slidev

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 核心功能
    • 🚀 极速启动
    • 📝 智能Markdown
    • 💻 实时编码演示
    • 🎨 主题自由切换
    • 🔢 数学公式支持
    • 📊 智能图表
  • 技术架构
  • 界面效果
  • 同类项目对比
  • 总结建议
    • 适用场景
    • 同类项目推荐
  • 项目地址
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档