欢迎来到Marp世界

欢迎来到Marp世界

【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marp

用Markdown创建专业演示文稿从未如此简单！

第二张幻灯片

• 列表项1
• 列表项2
• 列表项3

第三张幻灯片：代码演示

console.log("Hello, Marp!");

### 启用Marp功能 在Markdown文件的开头，你需要添加一个YAML front matter来启用Marp： ```markdown --- marp: true theme: default ---

这个配置告诉Marp："嘿，这是一个Marp演示文稿，请使用默认主题渲染它。"

进阶技巧：让幻灯片更专业

一旦掌握了基础，你可以探索Marp的更多高级功能，让你的演示文稿脱颖而出。

自定义主题和样式

Marp支持完全自定义的CSS主题系统。你可以在Markdown文件中直接添加样式：

--- marp: true theme: custom --- <style> /* 自定义主题样式 */ section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } h1 { font-size: 3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } </style> # 自定义主题演示

分栏布局

Marp支持灵活的分栏布局，让你的内容组织更加清晰：

## 分栏布局示例 左侧图片 <!-- 左栏 --> - 右侧列表项1 - 右侧列表项2 - 右侧列表项3

过渡动画效果

这张示意图展示了Marp如何实现幻灯片之间的平滑过渡。左侧是正在离开的幻灯片，右侧是即将进入的幻灯片，中间的过渡区域展示了动画效果。通过简单的配置，你可以为幻灯片切换添加各种动画效果：

<!-- _transition: fade --> # 淡入淡出效果 --- <!-- _transition: slide --> ## 滑动切换效果 --- <!-- _transition: zoom --> ### 缩放过渡效果

数学公式支持

对于技术演示，Marp原生支持LaTeX数学公式：

## 数学公式示例 $$ f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d\xi $$ 或者行内公式：$E = mc^2$

实用技巧与最佳实践

1. 版本控制友好

由于Marp幻灯片是纯文本文件，它们与Git等版本控制系统完美配合。你可以轻松地：

• 追踪每次修改
• 比较不同版本
• 协作编辑
• 回滚到之前的版本

2. 批量处理幻灯片

如果你需要为多个会议或课程准备相似的演示文稿，可以创建模板：

# {{title}} 作者：{{author}} 日期：{{date}} --- ## 议程 {{agenda}} --- ## 内容部分 {{content}}

然后使用脚本批量生成不同的版本。

3. 集成到工作流中

Marp可以轻松集成到各种工作流中：

• CI/CD管道：自动生成文档和演示文稿
• 静态网站生成：将幻灯片发布为网页
• 文档系统：与技术文档保持同步

4. 演讲者笔记

Marp支持添加演讲者笔记，这些笔记在演示时只对演讲者可见：

# 公开幻灯片内容 这是观众看到的内容。 <!-- 这是只有演讲者看到的笔记 --> 记得在这里停顿，与观众互动。

常见问题与解决方案

Q: 我的图片不显示怎么办？

A: 确保使用正确的相对路径，或者使用绝对URL。在VS Code中，你可以使用相对路径如./images/photo.jpg。

Q: 如何导出为PowerPoint格式？

A: 使用Marp CLI的--pptx选项：

marp presentation.md --pptx

Q: 可以自定义幻灯片尺寸吗？

A: 是的，在front matter中设置：

--- marp: true size: 16:9 ---

【免费下载链接】marpThe entrance repository of Markdown presentation ecosystem项目地址: https://gitcode.com/gh_mirrors/mar/marp