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

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






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

安装Markdown插件

安装Marp插件

认识Marp

指令的使用方法
Marp提供两种使用方法:
HTML comment
这种需要在theme等指令前后添加 。 VSCode快捷键Ctrl+/
<!-- theme: default paginate: true -->
Front-matter
第二种则是直接在Markdown文档的开头(就是将marp:true写在一起),此时无须再添加
--- marp: ture theme: default paginate: true ---
指令类型
指令类型(Type of directives)可分为全局指令(Global directives)和局部指令。
其中,全局指令是整个幻灯片设定值,例如 theme、headingDivider、style。在全局指令前面添加前缀 $,就可以实现对整个幻灯片的设定。
而局部指令用以设置当前幻灯片页面以及后续页面。例如,我们用 设置幻灯片的背景颜色。

全局指令(Global directives)

局部指令(Local directives)

背景大小

开始使用
- 创建文档

演示
2.1 简单分页

2.2 简单使用

2.3 保存项目

2.4 导出pptx

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

以上就是VScode+Marp实现Markdown转换成PPT幻灯片的方法,希望大家喜欢,请继续关注脚本之家。
相关推荐:
vscode有哪些好用的插件 12个不容错过的VSCode插件
相关文章

VS Code皮棉箱模型误差在哪设置? VSCode设置皮棉箱模型误差的技巧
VS Code皮棉箱模型误差在哪设置?很多朋友不知道该怎么设置,下面我们就来看看VSCode设置皮棉箱模型误差的技巧2023-02-27
VSCode分支怎么按字母顺序排序? VSCode设置分支按字母顺序排序的技巧
VSCode分支怎么按字母顺序排序?VSCode代码想要控制分支的排序顺序,该怎么操作呢?下面我们就来看看VSCode设置分支按字母顺序排序的技巧2023-02-27
vscode文本框怎么设置输入内容与边框的距离?HTML中input输入框设置输入内容与边框的距离,该怎么设置呢?下面我们就来看看详细的教程2023-03-02
VS Code中git怎么开启单击打开差异? VSCode比对git仓库文件差异的技巧
VS Code中git怎么开启单击打开差异?VS Code中想要开启单击打开差异,该怎么设置这个功能呢?下面我们就来看看VSCode比对git仓库文件差异的技巧2023-03-18- VS Code中git设置提交后命令同步?下面就来给大家介绍VS Code中git设置提交后命令同步的方法2023-03-18

Visual Studio Code怎么关闭自动存储库检测子文件夹?
Visual Studio Code怎么关闭自动存储库检测子文件夹?这是很基础的设置,很多朋友不知道具体的设置位置,下面我们就来看看详细的教程2023-03-18
VSCode怎么设置在git中总是在克隆后打?设置过程很简单,下面我们就来看看详细步骤2023-03-18
VSCode怎么开启git输入验证为警告?VSCode编程开发的时候,想要控制何时显示提交消息输入验证提示警告,该怎么操作呢?下面我们就来看看详细的教程2023-03-18
VS Code中git时间线视图怎么不显示作者?VS Code可以在时间线视图中显示提交作者,当然也可以不显示,下面我们就来看看详细的设置方法2023-03-30
VSCode中git怎么开启同步时重设基址?想要强制git在运行sync命令时使用rebase,该怎么设置呢?下面我们就来看看详细教程2023-03-30












最新评论