我的第一个Marp演示文稿

这是第一页幻灯片的内容

---

第二页幻灯片

• 支持列表
• 支持粗体和斜体
• 支持代码块

3. **预览与导出**
打开命令面板（Ctrl+Shift+P），运行"Marp: Toggle Preview"命令即可实时预览。完成后通过"Marp: Export Slide Deck"导出为PDF或HTML。

[![新建Marp文件流程演示](https://raw.gitcode.com/gh_mirrors/ma/marp-vscode/raw/29fa1283ceba5f1749543d1e06df90cdda4e18d7/docs/new-file.gif?utm_source=gitcode_repo_files)](https://gitcode.com/gh_mirrors/ma/marp-vscode?utm_source=gitcode_repo_files)

> 技巧提示：使用`<!-- fit -->`指令可以让内容自动适应幻灯片尺寸，避免手动调整字体大小。

## 效率技巧：提升3倍制作速度的实用方法

掌握基础操作后，这些进阶技巧将帮你进一步提升效率：

**幻灯片导航与折叠**
利用VS Code的大纲功能可以快速定位和管理幻灯片，通过点击大纲面板中的幻灯片标题直接跳转。对于包含大量幻灯片的演示文稿，使用折叠功能（点击编辑器左侧的折叠图标）可以聚焦当前编辑内容。

[![幻灯片折叠功能演示](https://raw.gitcode.com/gh_mirrors/ma/marp-vscode/raw/29fa1283ceba5f1749543d1e06df90cdda4e18d7/docs/fold.gif?utm_source=gitcode_repo_files)](https://gitcode.com/gh_mirrors/ma/marp-vscode?utm_source=gitcode_repo_files)

**使用指令快速排版**
Marp提供丰富的指令系统，无需CSS知识也能实现专业排版：
- `[bg]`：设置背景图片
- `[fit]`：自动调整内容大小
- `[center]`：居中对齐内容
- `[size=200%]`：调整元素大小

**自定义工作流**
在VS Code设置中搜索"Marp"，可以：
- 设置默认主题和尺寸
- 配置自动预览
- 自定义导出路径和格式

> 新手常见误区：过度使用自定义CSS。实际上Marp的内置指令已经能满足80%的排版需求，保持简洁的Markdown结构更有利于维护。

## 创意玩法：打造独具特色的演示文稿

突破传统演示文稿的单调样式，Marp提供多种创意表达方式：

**主题定制**
通过创建自定义CSS文件，你可以完全掌控幻灯片的视觉风格。例如创建"lemon.css"主题文件：
```css
/* lemon.css */
section {
background: linear-gradient(to bottom, #fff8e1, #ffe082);
color: #5d4037;
}
h1 {
color: #ff8f00;
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

在Markdown中引用自定义主题：

---
marp: true
theme: lemon
---