Marp 简介

Marp 是一款基于 Electron 开发的开源工具，可以使用 Github 风格的 Markdown 编写幻灯片。

官网：

https://yhatt.github.io/marp/

Marp 的主要特性：

开源，免费，使用简单；
支持使用 Markdown 编写幻灯片；
跨平台，支持 Windows/macOS/Linux 平台；
支持实时预览，有 3 种模式：Markdown、1:1 Slide、Slide List；
支持两种主题 (Default 和 Gaia theme)；
支持表格、表情符号、数学公式和背景图像；
支持把幻灯片导出为 PDF；
支持通过指令改变幻灯片的显示效果；
支持多种指令来调整幻灯片的大小；
支持显示页码和页脚；

Marp 的不足之处：

Markdown 和 Slide List 预览模式不支持左右同步滑动；
1:1 Slide 预览模式不支持上下键切换幻灯片；
不支持待办事项；
只支持渲染成幻灯片，但无法直接演示；(毕竟现在才 v0.0.11)
开始使用 Marp 之前，你应该知道的两个概念：

Marp 支持的 Markdown 语法是什么？

Marp 中使用 Github 风格的 Markdown 写作，因此除了标准的 Markown 语法之外，Github 的部分扩展语法也适用于 Marp。

Marp 中的指令是什么意思？

Marp 可以通过一些特定的指令来调整幻灯片显示效果

快速开始

下载安装

STEP ➊：到官网 https://yhatt.github.io/marp/ 下载对应平台的 Marp 安装包。

STEP ➋：安装并运行 Marp

Windows: 解压安装包之后运行 Marp.exe
Linux: 解压安装包之后运行 Marp
macOS: 正常安装和运行
如果你使用的是 macOS，可直接使用命令 brew cask install marp 来一键安装，省去好多步骤（如果网络好的话）。

界面概览

打开 Marp 会显示一个空的编辑界面，如下图所示，界面非常清晰简洁，没有太多功能。

Marp 的界面简介：

Marp 的界面跟常见的 Markdown 编辑器非常类似，左边为编辑区，右边为效果的预览。
预览模式从左到右依次为：Markdown、1:1 Slide、Slide List。
Markdown 模式就是普通的 Markdown 效果预览；
1:1 Slide 模式会根据左边源码中光标的位置显示幻灯片效果；
Slide List 模式会显示渲染的幻灯片列表，可通过滑动浏览；
页码会显示当前光标所在位置的页数/总页数。
实例演示
下面我们通过一个简单示例来演示编写幻灯片的基本功能：

毕小烦简介

超过 8 年互联网相关工作经验，CSDN 博客专家，百度阅读畅销书作者。

联系方式

新浪微博：http://weibo.com/wirelessqa
微信公众号：wirelessqa

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VGYYG3n4-1593673681647)(./imgs/weixin.jpg)]

作品列表

《AndroidStudio实用指南》
《互联网写作工具一本通》

渲染效果

Markdown 预览模式：

1:1 Slide 预览模式:

Slide List 预览模式:

语法简单解析：

本文选自《Markdown 实用指南》作者：毕小烦

————————————————
版权声明：本文为CSDN博主「毕小烦」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wirelessqa/article/details/75851947

使用Markdown写幻灯片之Marp相关推荐

一种用markdown写PPT的方法，再也不用费劲排版了
前言本文源代码位于:https://github.com/pzqu/tools 原创首发:https://coding3min.com/1134.html 今天看jeremyxu 的技术点滴,发现分 ...
reveal.js + markdown 制作幻灯片
reveal.js + markdown 制作幻灯片--0 reveal.js是一款通过利用HTML快速创建演示文稿,并且具有很多功能:垂直,水平幻灯片:支持Markdown,LaTex:演讲者注释: ...
最近喜欢用markdown写笔记，贴个语法说明
最近喜欢用markdown写笔记,贴个语法说明 << 访问 Wow!Ubuntu NOTE: This is Simplelified Chinese Edition Document o ...
使用Markdown写数学公式打出百分号%
最近在用Markdown写数学公式的时候,发现'%'起到的是注释的作用,搞了半天没打不出来,最奇怪的是网上还搜不到(ಥ_ಥ).我就记录一下,希望可以帮助到别人. 其实要用到转义字符: \% 你看,这不 ...
如何使用Markdown写博客
使用 Markdown + MathJax 在博客里插入数学公式 https://blog.csdn.net/kamidox/article/details/48380239 如何使用Markdown ...
markdown写公众号
markdown写公众号最近的公众后排版应该都还算中规中矩吧,比很久以前写的那种好看多了吧~其实我是用markdown写的. 我用过的 github hexo博客最一开始是先在本地博客写,本地预览 ...
chrome插件(Markdown Nice):用 markdown 写微信公众号
基本信息工具名称 Markdown Nice 在线版本 https://mdnice.com/ Chrome 插件 Markdown Nice GitHub 地址 https://github.co ...
Markdown写出高大上时序图
上一篇文章分享了如何使用Markdown写流程图,继续挖掘md毫不含糊的功能,再分享一个md格式的时序图. ```seq 数据中台->缓存: 读取缓存缓存->数据中台: 返回缓存 Not ...
markdown写出项目目录结构
markdown写出项目目录结构: windows下的CMD命令tree可以很方便的得到文件夹目录树环境:windows 功能:以树状图列出目录的内容使用配方: tree [drive][path ...
如何优雅的使用markdown写博客--微博图床使用说明
一: 我的理想我一直有一个理想, 写博客就舒心的去写, 然后能够在知乎, 简书, csdn, 科学网上任意复制, 这是多么快意的人生. Markdown的出现, 满足了我90%的需求, 一个痛点就是 ...

使用Markdown写幻灯片之Marp

五. 使用Markdown写幻灯片之Marp