MARP Slides v2

Markdown × SVG × HTML：让演示稿也能成为可维护的网页。

经营趋势 · 面积折线

1月6月

本次实作 · 演示数据

渠道构成 · 环形

搜索 50%推荐 30%其他 20%

本次实作 · 演示数据

项目状态 · 指标

76%里程碑完成率

本次实作 · 演示数据

方案对照 · Before / After

分散叙述

长段文字
结论埋在末尾

结论先行

图表举证
保留行动条件

本次实作 · 对照布局

方法讲解 · 三步路径

123内容布局预览

本次实作 · 流程结构

现场演示 · 可展开说明

交互保留在哪里？

HTML 中可展开与收起；
PDF / PPTX 是静态结果。

本次实作 · 真实 HTML 元素

场景：经营复盘 / 产品方案 / 方法教学　　人群：经营团队 / 产品经理 / 内容创作者

把 SVG 图表和交互写进同一份 Markdown

最有区分度：可编排的 SVG 视觉，以及 HTML 独有的交互。

// 修改本页数据形状

<polyline points="..." />

Markdown + 内嵌 HTML

↓ Marp CLI 编译

HTML　 PDF　 PPTX

点击收起：真实功能演示

编辑 Markdown/CSS 控制内容与视觉；SVG 坐标决定线条与数据形状。

操作对象：SVG points、CSS 变量、details 元素。

01 SVG 图表语法

折线、环形、仪表、雷达、堆叠条等直接编排。

02 HTML 交互元素

展开说明、提示、滑杆；网页中可用。

03 主题与逐页覆盖

YAML/CSS 统一主题，单页改变背景或页脚。

04 参考版式库

官方提供多种数据、生活、教程和展示样例。

边界：交互/动画不进入静态 PDF、PPTX；默认 PPTX 为整页图像，不能当作原生文字或图表。

交付是可维护源稿，编辑深度取决于格式

本次实际验证：Markdown → HTML / PDF / 静态 PPTX；未验证 --pptx-editable。

输入格式

支持：Markdown、HTML、CSS、SVG与图片引用

输出格式

支持：HTML / PDF / PPTX
本次三个格式均保留

原生文字

不支持（本次默认PPTX）
HTML文字可改 ≠ PPT文字

原生形状

不支持（本次默认PPTX）
SVG留在源稿

原生图表 / 数据

不支持（本次默认PPTX）
修改SVG / HTML后重新导出

图片

支持：本地相对路径
本次PPTX为整页图片

母版 / 品牌

部分支持：CSS主题/Logo
非PowerPoint原生母版

修改方式

改 Markdown / CSS / SVG
CLI重新编译

运行依赖

Node + Marp CLI + 浏览器
可编辑导出另需LibreOffice

优先选它的条件

团队愿意维护 Markdown，网页与静态展示都需要。

换另一条路线的条件

必须在 PowerPoint 逐对象改字、改图表数据。