VScode+Marp实现Markdown转换成PPT幻灯片的动画演示

用惯了Markdown,就会用到导出为Word、Pdf等格式,就想能不能用Markdown转换成PPT格式的文件,网上查找一番后发现Marp、Slidev两个解决方案。由于Slidev生成的类似HTML的演讲,所以本片介绍Marp。如有更好方法请评论区告诉我,先谢为敬!(文章配有gif演示,Marp指令不做特别说明)

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图1

Visual Studio Code跨平台代码编辑器 v1.86.2 64位 官方中文安装版

  • 类型:编译工具
  • 大小:93.9MB
  • 语言:简体中文
  • 时间:2024-02-18

查看详情

可参照Marp官方文档

VSCode下载和安装 下载Microsoft Visual Studio Code

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图3

Visual Studio Code 64位 v1.86.2 官方最新安装版

  • 类型:编程工具
  • 大小:93.9MB
  • 语言:简体中文
  • 时间:2024-02-18

查看详情

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图5

安装VSCode

安装示意图借用CSDN黄化的多多

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图7

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图9

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图11

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图13

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图15

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图17

配置所需插件 安装中文插件

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图19

安装Markdown插件

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图21

安装Marp插件

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图23

认识Marp

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图25

指令的使用方法

Marp提供两种使用方法:

HTML comment

这种需要在theme等指令前后添加 。 VSCode快捷键Ctrl+/

<!--theme: defaultpaginate: true-->

Front-matter

第二种则是直接在Markdown文档的开头(就是将marp:true写在一起),此时无须再添加

---marp: turetheme: defaultpaginate: true---

指令类型

指令类型(Type of directives)可分为全局指令(Global directives)和局部指令。

其中,全局指令是整个幻灯片设定值,例如 theme、headingDivider、style。在全局指令前面添加前缀 $,就可以实现对整个幻灯片的设定。

而局部指令用以设置当前幻灯片页面以及后续页面。例如,我们用 设置幻灯片的背景颜色。

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图27

全局指令(Global directives)

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图29

局部指令(Local directives)

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图31

背景大小

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图33

开始使用

  • 创建文档

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图35

演示

2.1 简单分页

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图37

2.2 简单使用

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图39

2.3 保存项目

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图41

2.4 导出pptx

VScode+Marp实现Markdown转换成PPT幻灯片的动画演示插图43

如果遇到导出失败,请退出以管理员身份运行VSCode。

2.5 成功打开

打开预览

以上就是VScode+Marp实现Markdown转换成PPT幻灯片的方法,希望大家喜欢,请继续关注科技号。

相关推荐:

vscode有哪些好用的插件 12个不容错过的VSCode插件

文章来自互联网,只做分享使用。发布者:老板不要肥肉,转转请注明出处:https://www.dingdanghao.com/article/152685.html

(0)
上一篇 2024-02-23 06:01
下一篇 2024-02-23 06:01

相关推荐

联系我们

在线咨询: QQ交谈

邮件:442814395@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信公众号