Marp 入门与教程:让你一分钟爱上代码写PPT的乐趣

简介: Marp 是一个基于 Markdown 的开源幻灯片制作工具,可将 Markdown 文档轻松转换为精美幻灯片。支持 VS Code 插件实时预览、命令行工具批量处理、自定义主题等,适用于技术分享、工作汇报和教学等多种场景。相比 LaTeX Beamer,Marp 学习成本低,跨平台支持好,设计现代美观。

Marp 入门与教程

一、什么是 Marp?

Marp 是一个基于 Markdown 的开源幻灯片制作工具,可以轻松将 Markdown 文档转换为精美的幻灯片。其核心是 Marpit 框架,支持可定制主题、多种输出格式和动态功能。

与 LaTeX 的 Beamer 比较:

对比项 Marp LaTeX (Beamer)
易用性 使用 Markdown 语法,易学易用 基于 TeX,语法复杂,学习曲线陡峭
功能扩展性 - 支持 CSS 定制
- 支持图片背景
- 支持 Mermaid 图表
- 支持自动布局和响应式设计
- 强大的数学公式支持
- 适合编写专业文档
- 高级的排版控制
输出支持 HTML、PDF、PPTX PDF
实时预览 可通过 VS Code 插件快速预览 缺乏直观的实时预览
适用场景 快速演示文稿、轻量级幻灯片 高端学术演示或复杂幻灯片

总结:Marp 更适合需要快速生成现代化演示文稿的用户,而 LaTeX Beamer 更适合专业的学术排版。


二、Marp 支持的功能

  1. 通过插件快速制作:支持 VS Code 插件和实时预览。
  2. **命令行工具 (CLI)**:批量处理,导出 HTML、PDF 等格式。
  3. 支持 YAML 配置:灵活设置幻灯片主题、尺寸和分页。
  4. 自定义样式:支持 CSS 修改主题和排版样式。
  5. 嵌入动态内容:如代码高亮、公式 (MathJax)、图片背景等。
  6. 多种主题支持:内置主题(default、gaia、uncover)和自定义扩展主题。

三、功能介绍与入门教程

1. 使用 VS Code 插件

功能简介

  • 提供实时预览功能。
  • 可一键导出 PDF。
  • 支持 Markdown 语法高亮。

入门教程

  1. 安装 VS Code 和插件
  • 下载并安装 VS Code
  • 在扩展商店搜索并安装 Marp for VS Code 插件。

  1. 新建 Markdown 文件
    创建一个 .md 文件,并在文件开头加入以下 YAML 配置:

---
marp: true
theme: uncover
size: 16:9
paginate: true
backgroundColor: #f0f0f0
---


  1. 实时预览
    点击下图 Marp 图标,即可看到实时幻灯片预览。

  1. 导出 PPT
    点击下图图标,选择Export……,最后在保存类型处点击下拉框选择要保存的文件类型


2. 使用 CLI 工具

功能简介

  • 支持批量生成和自动化处理。
  • 输出 HTML、PDF 等格式。

入门教程

  1. 安装 CLI 工具
  • 安装 Node.js 环境。
  • 执行以下命令安装 Marp CLI:

npm install -g @marp-team/marp-cli

  1. 创建 Markdown 幻灯片
    示例内容如下:

---
marp: true
theme: gaia
size: 4:3
---

# 欢迎使用 Marp
- 简单
- 快速
- 美观

  1. 导出为 PDF 或 HTML
  • 导出 PDF:

marp slide.md -o slide.pdf

  • 实时预览:

marp slide.md --preview


3. 自定义主题

功能简介

通过 CSS 修改样式,满足品牌化或个性化需求。

入门教程

  1. 创建主题 CSS 文件

@import 'https://fonts.googleapis.com/css?family=Roboto';

section {
   font-family: 'Roboto', sans-serif;
   background-color: #ffffff;
   color: #333333;
}

h1 {
   font-size: 2.5em;
   color: #ff5733;
}

  1. 引用自定义主题
    在 Markdown 文件中添加:

---
marp: true
theme: custom
---

  1. 应用主题
    使用 CLI 或插件预览效果。

四、Marp 的优势与应用案例

  1. 快速上手
  • 对比 LaTeX Beamer,不需要复杂的语法和环境配置,学习成本低。
  • YAML 配置简单明了。
  1. 跨平台支持
  • 支持在不同系统(Windows、macOS、Linux)下运行,且兼容多种编辑器。
  1. 现代化设计
  • 内置主题时尚美观,支持动态背景和交互内容。
  1. 适用场景丰富
  • 技术分享:嵌入代码片段、公式等内容。
  • 工作汇报:快速制作专业化演示文稿。
  • 教学场景:Markdown 文本轻松生成幻灯片。

应用案例:

  • 技术分享:通过 VS Code 插件,工程师可以快速构建内含代码高亮的技术演示。
  • 团队培训:CLI 批量生成幻灯片,满足大规模培训需求。
  • 个人总结:写笔记的同时生成高质量幻灯片,一举两得。

五、学习参考链接

  1. Marp 官方网站
  2. Marp VS Code 插件
  3. Marpit Markdown 文档
  4. 少数派 Marp 教程
  5. Marp GitHub 仓库

按以上步骤学习后,相信你能快速掌握 Marp,并将其高效应用于日常工作和学习中。

目录
相关文章
|
9月前
|
前端开发 C++
Marp 教程:使用 VSCode 编写专业 PPT
Marp 是一款基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可让你高效地创建专业 PPT。本教程将指导你如何在 VSCode 中安装 Marp 插件、配置主题和样式,并使用 Markdown 语法创建和美化幻灯片。内容包括基本结构、布局、图片与图表插入、表格制作,以及高级功能如动画效果、数学公式和代码高亮。最后,你将学会如何预览和导出幻灯片。
1062 0
|
9月前
|
前端开发 C++ 容器
Marp 教程:实现分栏和其他高级排版技巧
本文介绍了如何在 Marp 中实现分栏和其他高级排版技巧。Marp 是一个基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可以让你的 PPT 制作更加高效和专业。文章详细讲解了安装 VSCode 和 Marp 插件、Marp 的基本结构、使用 CSS 实现分栏、多列文本、浮动元素和网格布局等技巧。
430 0
|
4月前
|
监控 安全 Linux
AlmaLinux 9.6 正式版发布 - RHEL 二进制兼容免费发行版
AlmaLinux 9.6 正式版发布 - RHEL 二进制兼容免费发行版
273 0
AlmaLinux 9.6 正式版发布 - RHEL 二进制兼容免费发行版
|
9月前
|
前端开发 搜索推荐 C++
Marp 教程:如何在 VSCode 中引入自定义样式和主题
本文介绍了如何在 Marp 中引入自定义样式和主题,使你的幻灯片更加个性化和独特。首先,你需要安装 VSCode 和 Marp 插件,了解 Marp 的基本结构。接着,通过创建自定义 CSS 文件并在 Markdown 文件中引入,实现样式定制。此外,还可以创建和使用自定义主题,以及进行高级自定义,如调整布局、引入自定义字体和定义复杂动画。最后,使用 Marp 的预览功能实时查看效果。
866 0
|
9月前
|
前端开发 JavaScript C++
Marp 教程:实现幻灯片的交互性
Marp 是一个基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可以让你的 PPT 制作过程更加高效和专业。本教程详细介绍了如何在 Marp 中嵌入 HTML 和 JavaScript,实现幻灯片的交互性,包括基本的按钮点击、动态内容、表单交互、幻灯片导航、动画效果和交互式图表等。通过这些技巧,你可以制作出更加生动、互动性强的演示文稿。
369 0
|
9月前
|
前端开发 JavaScript C++
Marp 教程:实现幻灯片动画效果
Marp 是一个基于 Markdown 的幻灯片制作工具,结合 VSCode 的强大编辑功能,可以让你的 PPT 制作更加高效和专业。本教程详细介绍了如何在 Marp 中使用 CSS 和 JavaScript 实现幻灯片的动画效果,包括淡入、滑动、旋转等基本动画,以及交互式动画和图表动画等高级效果。通过这些技巧,你可以制作出更加生动、吸引眼球的演示文稿。
287 0
|
9月前
|
存储 安全 编译器
封装、继承与多态究极详解
本文详细介绍了面向对象编程中的三大核心特性:封装、继承和多态。封装通过隐藏数据和提供接口,确保对象的安全性和一致性;继承通过类之间的“is-a”关系实现代码复用和扩展;多态则允许不同类的对象通过相同的接口执行不同的操作,增强程序的灵活性和可扩展性。文章还探讨了这些特性的底层实现机制,如虚函数表和内存布局,并提供了具体的代码示例。
452 0
|
11月前
|
自然语言处理 前端开发 数据可视化
Quarto ppt模板制作与Rstudio git连接
本文介绍了当前PPT演示中流行的Quarto文档使用情况,以及如何在Rstudio中连接Git进行版本控制。重点讲解了Quarto的ppt模板制作流程,包括安装、创建演示文稿及自定义样式等步骤,并提供了相关资源链接。
299 0
Quarto ppt模板制作与Rstudio git连接
|
人工智能 PyTorch 算法框架/工具
Xinference实战指南:全面解析LLM大模型部署流程,携手Dify打造高效AI应用实践案例,加速AI项目落地进程
【8月更文挑战第6天】Xinference实战指南:全面解析LLM大模型部署流程,携手Dify打造高效AI应用实践案例,加速AI项目落地进程
Xinference实战指南:全面解析LLM大模型部署流程,携手Dify打造高效AI应用实践案例,加速AI项目落地进程
|
10月前
|
机器学习/深度学习 存储 算法
基于Actor-Critic(A2C)强化学习的四旋翼无人机飞行控制系统matlab仿真
基于Actor-Critic强化学习的四旋翼无人机飞行控制系统,通过构建策略网络和价值网络学习最优控制策略。MATLAB 2022a仿真结果显示,该方法在复杂环境中表现出色。核心代码包括加载训练好的模型、设置仿真参数、运行仿真并绘制结果图表。仿真操作步骤可参考配套视频。
348 0