md格式（实现md文件通过PPT预览）

Slidev使用心得

主要包含以下内容

介绍

优缺点

和其他文档工具比较

1、介绍

引用官方的一段话—为开发者打造的演示文稿工具

1.1 Slidev分析

特点

基于Markdown来实现

为开发者（这里偏向前段）打造

能够按照PPT展示，类似的还有marp。

需要我们做什么

需要懂得markdown的语法，vue相关和css相关知识

对md文件进行改造，比如分页、背景图和排版样式等。

适合用于培训、讲课-不能有太多文字，每页显示有限制。

2 优缺点

2.1 优点

介绍Slidev优势(以下内容来自官网：https:/ cn.sli.dev/guide/why.html)

支持 Markdown 语法

Slidev 使用一种扩展的 Markdown 格式，在一个纯文本文件中存储和组织你的幻灯片。这让你专注于制作内容。而且由于内容和样式是分开的，这也使得在不同的主题之间切换变得更加容易。

可定制主题

Slidev 的主题可以通过 npm 包的形式来分享和安装。你只需要使用一行配置就可以应用它们。

支持录制

Slidev 提供了内置的录音和摄像头视图。你可以将你的演示文稿与你的相机视图一起分享，或者为你的屏幕和相机分别录制并保存。所有这些都是内置的，不需要额外的工具。

可移植性

用一个命令就可以将你的幻灯片导出为 PDF 或 PNG，甚至是可托管的单页应用程序（SPA），并在任何地方分享它们。

2.2缺点

主要从使用的角度分析：

技术栈偏向于前段，对前端友好，对后端不是很友好，一些样式还需增加等来排版，分页排版复杂建议增加丰富下default主题，类似markdown语法，直接可以使用（卷：springboot模式）一些ppt常用的功能，目前还没有集成,比如模板、设置每个页面的背景样式、点击下一页等需要追赶office还有一些比较明显的bug需要,需要广大猿友的支持

比如全局安装的错误,前一个页面中加粗后重复显示的问题,改造原有md文件报错。

目前贡献的主题资源也比较少，可以学习的资源也不多，也需要广大使用者反馈

3和其他文档工具比较

3.1和同类marp相比

对比

marp

slidev

star

7.9k

21.1k

fork

417

777

watch

186

124

github

https://github.com/yhatt/marp

https://github.com/slidevjs/slidev

官网

https://marp.app/

https://sli.dev/

资料

功能大致上差不多，资料都是英文版本，没找到中文版本，

有多个版本的文档资料，方便，文档风格便于查找，

贡献人数74，多于marp的10人

3.2和文档生成工具docute比较

相同点

都是通过node环境，将md文件通过网页可以预览都针对样式和排版做了优化都是基于markdown做了扩展，md文档修改后，即可看到效果需要有编程基础，不如office等容易上手不同点侧重点不同：slidev是专注ppt,docute则侧重于建站。需要根据使用方式来进行选择，slidev为培训、演讲等提供了另一种路径slidev没有再生成文件， docute有html的入口文件，相对而言，操作起来更加的复杂

问题汇总

全局启动问题，后面会出个教程解决下

解决方式：

1、最新版本，npm init

2、降版本改成0.29.2

针对已有的md文件，改造过程报错：

'end of the stream or a document separator is expected',

解决方式：

修改md文件中格式，检查是否有不

符合YAML格式的部分

4总结

从上面的文档可以看出，

第一、slidev为有前端基础的程序员实现ppt提供了一种可能

第二、slidev还在完善中，如果感觉功能不完善的，可以通过主题共享来完善，不愿意贡献的可以尝试其他方式

感谢大家收看