Slidev使用心得，实现md文件通过PPT预览

Slidev使用心得

主要包含以下内容

介绍

优缺点

和其他文档工具比较

1、介绍

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

1.1 Slidev分析

1. 特点

基于Markdown来实现

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

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

2. 需要我们做什么

需要懂得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缺点

主要从使用的角度分析：

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

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

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

3和其他文档工具比较

3.1和同类marp相比

3.2和文档生成工具docute比较

相同点

1. 都是通过node环境，将md文件通过网页可以预览
2. 都针对样式和排版做了优化
3. 都是基于markdown做了扩展，md文档修改后，即可看到效果
4. 需要有编程基础，不如office等容易上手不同点
5. 侧重点不同：slidev是专注ppt,docute则侧重于建站。需要根据使用方式来进行选择，slidev为培训、演讲等提供了另一种路径
6. 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还在完善中，如果感觉功能不完善的，可以通过主题共享来完善，不愿意贡献的可以尝试其他方式

感谢大家收看