这是「进击的Coder」的第 562 篇技术分享

作者：崔庆才

相信绝大多数朋友做 PPT（幻灯片 / Slides / Deck 等各种称呼了）都是用的 PowerPoint 或者 KeyNote 吧？功能是比较强大，但你有没有遇到过这样的痛点：

  • 各种标题、段落的格式不统一，比如字体大小、行间距等等各个页面不太一样，然后得用格式刷来挨个刷一下。

  • 想给 PPT 做版本控制，然后就保存了各种复制版本，比如“一版”、“二版”、“终版”、“最终版”、“最终不改版”、“最终稳定不改版”等等，想必大家都见过类似这样的场景吧。

  • 想插入代码，但是插入之后发现格式全乱了或者高亮全没了，然后不得不截图插入进去。

  • 想插入个公式，然后发现 PPT、Keynote 对 Latex 兼容不太好或者配置稍微麻烦，就只能自己重新敲一遍或者贴截图。

  • 想插入一个酷炫的交互组件，比如嵌入一个微博的网页页面实时访问、插入一个可以交互的组件、插入一个音乐播放器组件，原生的 PPT 功能几乎都不支持，这全得依赖于 PowerPoint 或者 KeyNote 来支持才行。

如果你遇到这些痛点，那请你一定要看下去。如果你没有遇到，那也请你看下去吧（拜托。

好，说回正题，我列举了那么多痛点，那这些痛点咋解决呢？

能！甚至解决方案更加轻量级，那就是用 Markdown 来做 PPT！

你试过用 Markdown 写 PPT 吗？没有吧，试试吧，试过之后你就发现上面的功能简直易如反掌。

具体怎么实现呢？

接下来，就有请今天的主角登场了！它就是 Slidev。

什么是 Slidev？

简而言之，Slidev 就是可以让我们用 Markdown 写 PPT 的工具库，基于 Node.js、Vue.js 开发。

利用它我们可以简单地把 Markdown 转化成 PPT，而且它可以支持各种好看的主题、代码高亮、公式、流程图、自定义的网页交互组件，还可以方便地导出成 pdf 或者直接部署成一个网页使用。

官方主页：https://sli.dev/

GitHub：https://github.com/slidevjs/slidev

安装和启动

下面我们就来了解下它的基本使用啦。

首先我们需要先安装好 Node.js，推荐 14.x 及以上版本，安装方法见 https://setup.scrape.center/nodejs。

接着，我们就可以使用 npm 这个命令了。

然后我们可以初始化一个仓库，运行命令如下：

npm init slidev@latest

这个命令就是初始化一个 Slidev 的仓库，运行之后它会让我们输入和选择一些选项，如图所示：

比如上图就是先输入项目文件夹的名称，比如这里我取名叫做 slidevtest。

总之一些选项完成之后，Slidev 会在本地 3000 端口上启动，如图所示：

接着，我们就可以打开浏览器 http://localhost:3000 来查看一个 HelloWorld 版本的 PPT 了，如图所示：

我们可以点击空格进行翻页，第二页展示了一张常规的 PPT 的样式，包括标题、正文、列表等，如图所示：

那这一页的 Markdown 是什么样的呢？其实就是非常常规的 Markdown 文章的写法，内容如下：

# What is Slidev?Slidev is a slides maker and presenter designed for developers, consist of the following features- 												


											

用 Markdown 做的 PPT，真的太强了！相关推荐
	

    
								
  1. 在微服务架构中做机器学习，真的太难了
		
    2020-05-29 14:42:56 我曾经参与过很多由深度学习技术驱动的项目,最糟糕的情况就是被迫处理面向微服务的架构,我不是呼吁大家停止使用微服务,但想在面向微服务的架构中推动机器学习项目,很大 ...
    
		
    2. 
						
  2. [分割一切！] SegmentAnything真的太强了
		
    相信大家最近都听说了Meta开源了一个图像分割模型[SegmentAnything Model],简称SAM模型,号称分割一切,在短短开源的一周内,截止今天Github已经24k的star了! 看了很 ...
    
		
    3. 
						
  3. 互联网计算机DFINITY技术概述，ICP是如何工作的？真的太强大了！
		
    互联网计算机-DFINITY将于5月8号正式主网上线,是迄今为止目标最为宏伟的区块链项目,是世界上第一个能够以网络速度运行的区块链,并且可以无限扩展容量和性能.DFINITY由总部设在瑞士苏黎世科研机 ...
    
		
    4. 
						
  4. C语言真的太强大了，C几乎无处不在！
		
    今天存在的许多C项目都是在几十年前开始的. UNIX操作系统的开发始于1969年,其代码在1972年被重写为C语言.C语言实际上是为了将UNIX内核代码从汇编语言转换为更高级的语言而创建的,它使用更少 ...
    
		
    5. 
						
  5. 让数据填报、收集效率提升80%！这个报表工具真的太强大了
		
    需要做数据汇报,有什么好的数据填报工具推荐? 选择填报工具最主要还是要看你实际的数据量 1.对于小企业来说,简单的数据填报收集工具用石墨文档/腾讯文档足矣 2.对于中大型企业复杂数据填报场景来说,用F ...
    
		
    6. 
						
  6. java摇号抽奖程序,Excel真的太强大了，能把抽奖功能做成车牌号摇号程序，真是人才...
		
    大家好,这几天也没有朋友给我留言问我问题了,一时间竟然不知道要教大家些什么了.在想素材的时候突然又想到了抽奖小程序,不知大家还有印象吗?想到抽奖,又让我突然想到了车牌号摇号,于是素材就来了,Excel ...
    
		
    7. 
						
  7. 这样用横线本做日计划真的太太太喜欢了
		
    是不是经常列出一堆的待办事情,要做的事情很多,却总是完不成 - 不管你是学生,上班族,还是自由职业者,想要高效地完成任务,都离不开合理的规划,今天分享我的原创日计划法[1230清单法] - 我们该如何 ...
    
		
    8. 
						
  8. 精选SpringBoot笔记，华为19级高工亲撰1700页笔记真的太强了
		
    相比于以往的一些开发框架,Spring Boot 不但使用更加简单,而且功能更加丰富,性能更加稳定而健壮.使用Spring Boot开发框架,不仅能提高开发速度,增强生产效率,从某种意义上,可以说是解 ...
    
		
    9. 
						
  9. mybatis依赖_这大概就是公司一直用Mybatis的原因！真的太强了
		
    01 什么是MyBatis.Spring?MyBatis是什么? 它是一个SQL Mapping框架,它是一个持久化技术框架.再说得简单一点,它只不过是一个操作数据库的框架.Spring是什么?Spr ...
    
		
    10. 
		


					

最新文章
	

    
						
  1. android 动态添加元素,动态添加项目到Android中的NavigationView
		
    2. 
						
  2. 进程池的同步方法 pool.apply
		
    3. 
						
  3. 【NLP】全面详解 | 深度学习中的注意力机制（一）
		
    4. 
						
  4. Android定义的路径全局变量
		
    5. 
						
  5. 达梦数据库迁移oracle数据乱码,oracle迁移到达梦数据库之存储过程中char类型的不同处理...
		
    6. 
						
  6. Spring整合JMS——三种connectionFactory
		
    7. 
						
  7. 推荐：Windows平台上三款提高工作效率的免费神器！
		
    8. 
						
  8. Spring Web MVC（二）
		
    9. 
						
  9. rocketmq底层通信模块解析
		
    10. 
						
  10. 初入职场的程序员，不想被时代淘汰？那你必须迈过这个坎！
		
    11. 
						
  11. 编码 - ASCII码表
		
    12. 
						
  12. css 左右居中和上下垂直居中
		
    13. 
						
  13. 2019年伯克利大学 CS294-112《深度强化学习》第4讲：强化学习简介（笔记)
		
    14. 
						
  14. html  首行缩进两个空格,关于css的text-indent首行缩进两个字符和图片缩进的问题...
		
    15. 
						
  15. 3DES加密,苹果、Java 、安卓 平台一致的加密工具
		
    16. 
						
  16. 高等代数 ：1 线性方程组的解法
		
    17. 
						
  17. java定义一个描述三角形的类_用java语言定义一个三角形类 Triangle ,
		
    18. 
						
  18. kali linux2021 安装pip
		
    19. 
						
  19. mysql innodb 存储引擎
		
    20. 
						
  20. backtrack 5 r3
		
    21. 
		

	


热门文章
	

    
									
  1. 京东技术中台Flutter实践之路（二）
			
    2. 
						
  2. 黑马程序员--一个划拳的小项目代码
			
    3. 
						
  3. Ubuntu 20.10 Groovy Gorilla 大猩猩预发行版下载
			
    4. 
						
  4. 2021SC@SDUSC-PALISADE（二）全同态与格密码
			
    5. 
						
  5. wegame饥荒一直连接中_wegame饥荒联机版一直正在启动服务器 | 手游网游页游攻略大全...
			
    6. 
						
  6. 如何一劳永逸解决 VS 2019 超级管理员启动，你指的拥有！
			
    7. 
						
  7. 7、Chrome浏览器在Citrix虚拟应用会话中没有声音
			
    8. 
						
  8. HTML作业之粉粉滴个人博客来袭—篇章二
			
    9. 
						
  9. echarts坐标轴添加图片
			
    10. 
						
  10. iphone怎在计算机硬盘打开,如何设置MAC（即苹果系列电脑）默认从外置硬盘启动...
			
    11.