VSCode制作精美PPT：使用Marp插件将Markdown转幻灯片-VSCode-PHP中文网

vscode 通过 marp 插件+markdown 可高效制作 ppt，但需严格配置：文件以 .md 结尾、首行含 --- 且 marp: true；代码块需指定语言并用 css 控制换行；pdf 导出需显式声明中文字体；主题名须小写，本地 css 路径须相对当前文件。

vscode制作精美ppt：使用marp插件将markdown转幻灯片

VSCode 本身不支持直接制作 PPT，但通过 Marp 插件 + Markdown，能高效产出结构清晰、风格统一的幻灯片——前提是配置正确、语法规范，否则导出空白、样式错乱、代码块崩坏是常态。

AI一键生成成品PPT☜☜☜☜☜点击生成；

安装 Marp 插件后为什么预览一片空白？

常见原因不是插件没装好，而是文件未被识别为 Marp 文档：

文件必须以 .md 结尾，且首行需包含 ---（YAML front matter 起始标记）
必须在首行或前几行写上 marp: true，否则插件默认跳过渲染
VSCode 工作区若启用了其他 Markdown 预览插件（如官方 Markdown Preview），可能冲突，建议禁用或调整插件启用顺序

正确开头示例：

---
marp: true
theme: gaia
---
# 标题

如何让代码块高亮且不换行溢出？

Marp 默认使用 Prism.js 渲染代码块，但默认主题对长代码支持差，常出现横向滚动条或截断。关键在两处控制：

在 YAML front matter 中添加 style: | 自定义 CSS，强制 pre code { white-space: pre; } 或 overflow-x: auto;
代码块需明确指定语言标识，如 ```python，否则 Prism 不触发高亮
避免在代码块中混用中文全角空格或制表符，Marp 解析易出错，建议用空格缩进

片段示例：

VSCode 1.118

微软正式发布 Visual Studio Code 1.118 版本。本次更新重点强化了 AI 开发体验与企业管理能力，其中最引人注目的是新增 Copilot CLI 远程控制功能，允许开发者通过手机或网页远程监控和接管 AI 会话。同时，为了提高 AI 的运行性价比，新版本优化了令牌缓存策略以降低成本。此外，1.118 版还引入了 Chronicle 本地历史追踪、TypeScript 7.0 支持以及更严格的企业级访问管控。

下载

---
marp: true
style: |
  pre code {
    white-space: pre;
    overflow-x: auto;
  }
---
```js
function hello() {
  console.log('Marp works');
}
```

导出 PDF 时字体丢失或中文显示方块？

Marp 导出 PDF 依赖 Chromium 渲染，系统缺失中文字体或 CSS 未声明 fallback 字体是主因：

在 style 或外部 CSS 中显式设置 font-family: 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
确保系统已安装对应字体（macOS 常用 STHeiti，Windows 常用 Microsoft YaHei，Linux 可装 fonts-noto-cjk）
避免使用 Google Fonts 等需联网加载的字体，PDF 导出时无法回源
导出前先在 VSCode 内预览确认字体正常，再执行 Ctrl+Shift+P → Marp: Export as PDF