slide插件适应ppt版本(实现md文件通过PPT预览)

slide插件适应ppt版本(实现md文件通过PPT预览)(1)

Slidev使用心得

主要包含以下内容

介绍

优缺点

和其他文档工具比较

1、介绍

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

slide插件适应ppt版本(实现md文件通过PPT预览)(2)

1.1 Slidev分析
  1. 特点

基于Markdown来实现

为开发者(这里偏向前段)打造

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

  1. 需要我们做什么

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

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

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

2 优缺点2.1 优点

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

  • 支持 Markdown 语法

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

  • 可定制主题

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

  • 支持录制

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

slide插件适应ppt版本(实现md文件通过PPT预览)(3)

  • 可移植性

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

2.2缺点

主要从使用的角度分析:

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

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

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

slide插件适应ppt版本(实现md文件通过PPT预览)(4)

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人

3.2和文档生成工具docute比较

相同点

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

问题汇总

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

slide插件适应ppt版本(实现md文件通过PPT预览)(5)

解决方式:

1、最新版本,npm init

2、降版本改成0.29.2

  • 针对已有的md文件,改造过程报错:

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

解决方式

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

符合YAML格式的部分

4总结

从上面的文档可以看出,

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

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

slide插件适应ppt版本(实现md文件通过PPT预览)(6)

感谢大家收看

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页