【Marp】基于Markdown-Marp快速制作PPT

最新推荐文章于 2026-04-19 09:12:15 发布

原创

最新推荐文章于 2026-04-19 09:12:15 发布 · 1.3w 阅读

标签

#powerpoint

本文详细介绍了Marp，一个基于Markdown的工具，用于快速创建和定制PPT，包括基本语法、Marp扩展指令、CSS样式应用、高阶技巧以及实战演示，如自定义主题和VSCode插件的使用。

【Marp】基于Markdown-Marp快速制作PPT

文章目录

【Marp】基于Markdown-Marp快速制作PPT

零、参考资料

除了Marp，Slidev也可以将md转成PPT

一、Marp基本语法（创建分页，排版图片，更换主题，Marp扩展指令修改样式）

参考

又一款VSCode神级插件Marp，用Markdown来做PPT
用Markdown制作幻灯片-五分钟学会Marp（上篇）-M110a
用Markdown制作幻灯片-五分钟学会Marp（下篇）-M110b

点击 VS Code「文件」选项卡，选择「新建文件」，在弹出的面板，文件类型选择 Marp Markdown。选择 Marp Markdown 文件后，会新建一个下图的文件，开头有一个配置选项 marp: true，表示使用 Marp 来创建 PPT。点击文件右上角的「预览」按钮，就可以在右侧看到第一个幻灯片页面。

1、创建新的PPT页面

在末尾添加 3 个短横线 -，下方就会多出一张新的幻灯片。

2、插入图片 & 排版图片

如果我们想要在幻灯片中插入图片，就会略微麻烦一些。直接插入的本地图片，渲染后会显示为丢失，解决的方法是先将本地图片上传到网上（图床），再粘贴图片链接，图片才能正常显示。关于图片的语法如下：

图片缩放：
图片处理：
背景图片排版：
- 水平排版：
- 垂直排版：
关于图片的更多排版参数，参考 Image syntax

3、更改全局主题（default，uncover，gaia）

Marp 渲染得到的幻灯片默认为白底蓝/黑字，如果你不喜欢默认的样式，可以在 Markdown 文件的开头，更改 theme 字段的值，来更改幻灯片的全局主题。

theme 字段有 3 个值：

default（默认值，左对齐排版）
uncover：所有内容都居中显示，引用内容的样式从竖线变为双引号
gaia：白色背景更改为浅黄色，有点像一些阅读类 App 的暖光/护眼模式，但我不确定这种颜色是否真的护眼……；如果又想像 uncover 主题那样，让内容居中显示，则再添加一个 class 字段，值设置为 lead 即可；

4、更换单个幻灯片的背景和文字颜色（Marp扩展指令（Directives））

参考 Directives

如果想自定义其中一个或多个页面的颜色，则在想要更改幻灯片背景色的页面开头，加上  字段，就可以更改页面的背景色。

在这里插入图片描述

这里的颜色可以是颜色的英文，例如上面的蓝色 blue，也可以是 rgb 值，这有点像是在写 CSS 样式了；更改文本内容的颜色，需要在下面多配置一个选项 ，就能自定义文本的颜色。
在这里插入图片描述

5、将幻灯片导出为 PDF/PPT

点击 Marp Markdown 文件右上角的 Marp 图标（三角形图标），在弹出的面板，选择「Export Slide Deck」，就可以将 PPT 导出为 PDF 啦～

二、Marp高阶（Marp扩展指令，CSS全局样式，CSS局部样式，自定义CSS样式）

参考 Markdown PPT | 如何自定义Marp主题

1、通过Marp扩展指令设置相应样式（全局指令，局部指令）

参考Directives

常用的Marp扩展指令包括：

全局指令（指令前不加_）和局部指令（指令前加_）的用法

# Global directives
<!-- backgroundColor: aqua -->
This page has aqua background.

# Local directives
<!-- _backgroundColor: aqua -->
Add underscore prefix `_` to the name of local directives.