slide插件适应ppt版本(实现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/ |
资料 |
功能大致上差不多,资料都是英文版本,没找到中文版本, github上显示是日本的开源作者 |
有多个版本的文档资料,方便,文档风格便于查找, 开源作者未知, 贡献人数74,多于marp的10人 |
相同点
- 都是通过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还在完善中,如果感觉功能不完善的,可以通过主题共享来完善,不愿意贡献的可以尝试其他方式
感谢大家收看
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com