Marp Markdown 演示文稿创建工具教程
2026-01-17 09:23:09作者:冯梦姬Eddie
1. 项目介绍
Marp 是一个Markdown演示文稿创作生态系统,它允许用户利用纯Markdown语法来制作美观且功能丰富的幻灯片。该项目由多个子组件组成,包括轻量级框架Marpit,核心转换器Marp Core以及用于Visual Studio Code的扩展插件等。此外,Marp团队还提供了CLI界面和Web应用支持,以满足不同用户的创作需求。
2. 项目快速启动
安装Marp CLI(命令行工具)
首先,确保已经安装了Node.js环境,然后通过npm全局安装Marp CLI:
npm install --global marp-cli
创建并预览演示文稿
在你的工作目录中创建一个新的Markdown文件,例如presentation.md,然后输入基本的Markdown和幻灯片语法:
---
title: 我的第一个Marp演示文稿
---
# 第一张幻灯片
这是一个简单的文本段落。
---
# 第二张幻灯片
* 列表项1
* 列表项2
现在,在终端中运行以下命令实时预览你的演示文稿:
marp presentation.md
浏览器将自动打开显示预览页面。保存presentation.md时,预览也会自动更新。
转换为HTML或PDF
要将演示文稿导出为HTML或PDF,使用以下命令:
# 导出为HTML
marp presentation.md --export presentation.html
# 导出为PDF
marp presentation.md --export presentation.pdf
3. 应用案例和最佳实践
- 学术报告:使用Marp编写简洁明了的学术报告,保持Markdown格式易于管理和分享。
- 在线讲座:结合PWA特性,Marp Web可以提供离线访问的讲座材料。
- 团队会议:快速创建和共享会议议程,利用Markdown注释功能进行讨论。
最佳实践:
- 使用Marp提供的主题定制幻灯片样式。
- 分割Markdown文件以组织长篇内容。
- 利用Markdown表格、嵌入代码块和数学公式增强内容表达。
4. 典型生态项目
- Marpit: 简单的框架,用于构建Markdown幻灯片。
- Marp Core: 提供核心转换功能和内置主题。
- Marp for VS Code: 与VS Code集成的扩展,提供实时预览和导出功能。
- Marp CLI: 命令行工具,方便转换Markdown到多种格式。
探索更多生态项目,如Marp React和Marp Vue,它们是React和Vue的渲染组件,适合在Web应用中嵌入Marp幻灯片。
登录后查看全文
热门项目推荐
相关项目推荐
GLM-5智谱 AI 正式发布 GLM-5,旨在应对复杂系统工程和长时域智能体任务。Jinja00
GLM-5-w4a8GLM-5-w4a8基于混合专家架构,专为复杂系统工程与长周期智能体任务设计。支持单/多节点部署,适配Atlas 800T A3,采用w4a8量化技术,结合vLLM推理优化,高效平衡性能与精度,助力智能应用开发Jinja00
jiuwenclawJiuwenClaw 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。Python0194- QQwen3.5-397B-A17BQwen3.5 实现了重大飞跃,整合了多模态学习、架构效率、强化学习规模以及全球可访问性等方面的突破性进展,旨在为开发者和企业赋予前所未有的能力与效率。Jinja00
AtomGit城市坐标计划AtomGit 城市坐标计划开启!让开源有坐标,让城市有星火。致力于与城市合伙人共同构建并长期运营一个健康、活跃的本地开发者生态。01
awesome-zig一个关于 Zig 优秀库及资源的协作列表。Makefile00
项目优选
收起
deepin linux kernel
C
27
12
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
602
4.04 K
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
69
21
Ascend Extension for PyTorch
Python
442
531
AscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优
C++
112
170
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.46 K
825
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
922
770
暂无简介
Dart
847
204
React Native鸿蒙化仓库
JavaScript
321
375
openGauss kernel ~ openGauss is an open source relational database management system
C++
174
249