用VScode做PPT：marp插件

初步认识

marp是支持Markdown格式的PPT神器，有了这个就可以敲代码写PPT了。更绝的是，marp提供了VScode插件，故而可以愉快地在VScode中写PPT了。

在VScode扩展商店中搜索marp，安装Marp for VS Code，安装完成后，在.md格式文件的选项卡栏上，会多出一个双直角三角形，这个便是marp的专属按钮，下文称此按钮为marp按钮。

接下来，新建一个md文件，姑且命名为ppt.md，点击marp，选择Toggle Marp Feature...，然后ppt.md首行便出现了marp标记

---
marp: true
headingDivider: 1
---
1
2
3
4

同时右侧预览窗口会出现PPT白板，接下来添加一点内容，得到下图

可见，marp建立在.md格式的语法之上，但有以下几点需要注意

• ---可分割PPT页面；如果开启全局指令headingDivider，则可直接根据markdown的一级标题来分割页面
• 通过进行指令设置
• 插入图像仍旧沿用markdown格式![]()，但在方括号中可进行更多设置

指令设置

设置指令有两种方法，一种是通过，进行单个页面的指令设置，另一种如下，直接在文件头中设置全局指令，常用指令无非是页眉页脚页码等，如下所示

---
marp: true
theme: default      #此为主题
version: 1.0.0      # 版本
header: 我乃页眉
footer: 页脚在此
size: 16:9          # 页面尺寸大小
---
1
2
3
4
5
6
7
8

效果如下

其中，default为默认主题，背景是白色的。此外还可以选择uncover和gaia主题。

可进行单页设置，例如，希望更改某一页的背景色和文字颜色，可以写为如下形式

# 背景设置


1
2
3

其中，backgroundColor用于调控背景颜色，color为文字颜色，在前面加一个下划线，表示该参数只对当前页面有效，否则将更改对后续所有页面的设置。

效果如下

一些常见的指令如下

图像设置

marp扩展了插入图像的markdown语法，例如下面三张相同的图片，在PPT中展示的效果却不同

![h:200](Libre/pymol_gpcr.gif) ![h:300 blur](Libre/pymol_gpcr.gif) ![h:300 w:200 opacity:0.5](Libre/pymol_gpcr.gif)
1

其中，h,w用于设置图像的宽高；blur用于滤波；opacity:0.5表示将透明度设为50%。

通过drop-shadow参数可以设置图像阴影，例如下面的代码，表示添加垂直5像素、水平10像素、透明度为0.4的黑色阴影。

drop-shadow:0,5px,10px,rgba(0,0,0,.4)
1

布局设置

通过关键字bg和left, right关键字，可以指定背景图片所在位置，例如下列代码

#
![bg left:60%](https://picsum.photos/720?image=29)
## 背景分离
这段幻灯片内容在背景图右边。
1
2
3
4

如果省略:60%则默认50%，效果如下