Marp 教程：如何在 VSCode 中引入自定义样式和主题

Marp 教程：如何在 VSCode 中引入自定义样式和主题

引言

Marp 是一个基于 Markdown 的幻灯片制作工具，结合 VSCode 的强大编辑功能，可以让你的 PPT 制作过程变得更加高效和专业。本文将详细介绍如何在 Marp 中引入自定义样式和主题，使你的幻灯片更加个性化和独特。

准备工作

1. 安装 VSCode 和 Marp 插件

• 如果你还没有安装 VSCode，可以从 Visual Studio Code 官网 下载并安装。
• 在 VSCode 中安装 “Marp for VS Code” 插件。可以通过点击左侧活动栏上的扩展图标或按 Ctrl+Shift+X 打开扩展市场，搜索并安装。

2. 了解 Marp 的基本结构

Marp 使用 Markdown 语法来创建幻灯片，但它有几个特定的语法来控制幻灯片的布局和样式：

• 新幻灯片：在 Markdown 中使用 --- 来分隔不同的幻灯片。
• 标题：使用 # 表示幻灯片标题。
• 内容：正常的 Markdown 语法。

引入自定义样式

1. 创建自定义样式文件

首先，你需要创建一个 CSS 文件来定义你的自定义样式。例如，创建一个名为 custom-style.css 的文件：

/* custom-style.css */
body {
   
    background-color: #f0f0f0; /* 设置背景颜色 */
}

h1 {
   
    color: #333; /* 设置标题颜色 */
    font-size: 36px; /* 设置标题字体大小 */
}

section {
   
    padding