Marp使用指南:修订间差异

来自泡泡学习笔记
跳到导航 跳到搜索
 
第27行: 第27行:


==Marpit Markdown==
==Marpit Markdown==
Marpit(/mɑːrpɪt/)是一个轻量级框架,用于从Markdown创建幻灯片。它可以将Markdown和CSS主题转换为由静态HTML和CSS组成的幻灯片,并通过打印创建可转换为幻灯片PDF的网页。
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marpit Markdown]]</div>
 
Marpit旨在输出幻灯片所需的最小资源。您可以使用这些基本资源创建一个逻辑简单的幻灯片,但我们主要希望将输出与其他工具和应用程序集成。
 
实际上,这个框架是为了作为Marp生态系统中核心转换器的基础而创建的。
 
Marpit的Markdown语法专注于与常见的Markdown文档兼容。这意味着即使您在通用的Markdown编辑器中打开Marpit Markdown,呈现的结果仍然会保持美观。
 
<br>
 
===编写幻灯片===
Marpit通过水平分隔符(例如---)将幻灯片页面分割开来。非常简单。
 
# Slide 1
foo
---
# Slide 2
bar
 
 
<br>
 
===指令===
Marpit Markdown使用称为“指令”的扩展语法,以支持编写令人惊叹的幻灯片。它可以控制幻灯片主题、页码、页眉、页脚、样式等等。
 
<br>
 
 
====用法====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp指令用法]]</div>
 
<br>
 
 
====指令的类型====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp指令的类型]]</div>
 
<br>
 
====全局指令====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp全局指令]]</div>
 
<br>
 
====本地指令====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp本地指令]]</div>
 
<br>
 
===图片语法===
Marpit扩展了Markdown的图片语法![](image.jpg),以帮助创建漂亮的幻灯片。
 
{| class="wikitable"
|-
! 功能
! 内联图片
! 幻灯片背景
! 高级背景
|-
| 关键词调整大小
| 仅自动
| ✅
| ✅
|-
| 百分比调整大小
| x
| ✅
| ✅
|-
| 长度调整大小
| ✅
| ✅
| ✅
|-
| 图像滤镜
| ✅
| x
| ✅
|-
| 多个背景
| -
| x
| ✅
|-
| 分割背景
| -
| x
| ✅
|}
 
 
扩展功能可以通过在图像的替代文本中包含相应的关键词来启用。
 
 
<br>
 
====调整图片大小====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp调整图片大小]]</div>
 
<br>
 
 
====图像滤镜====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp图像滤镜]]</div>
 
<br>
 
====幻灯片背景====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp幻灯片背景]]</div>
 
<br>
 
====高级背景====
<div class="layui-btn layui-bg-gray layui-btn-primary layui-border layui-btn-sm">[[Marp高级背景]]</div>
 
<br>
 
===表情符号支持===
Emoji简码(如 :smile:)和Unicode表情符号 😄 将会转换为由twemoji提供的SVG矢量图像 😄。这可以以高分辨率呈现表情符号。

2023年10月28日 (六) 20:11的最新版本

简介

使用纯Markdown编写演示文稿的生态系统。


支持的输出类型

  • HTML
  • PDF
  • PPTX (PowerPoint document)
  • PNG (First slide only)
  • JPEG (First slide only)


功能开启方法

当在Markdown文档的前置元数据中写入"marp: true"时,Marp功能将启用。

---
marp: true
--- 

# Your slide deck 

Start writing!



Marpit Markdown