Day 8 :从前有个人,做 PPT很痛苦,直到发现了 Front Slide

这是一个关于 PPT 痛苦、技术觉醒和头发拯救的故事。

故事开始：一个加班的夜晚

凌晨 2 点，小明还在调整 PPT 的字体大小。

这已经是他第 37 次修改了——老板说"感觉不对"，但就是不说哪里不对。

小明的痛苦，你经历过吗？

• 😫 调格式 3 小时，写内容 30 分钟
• 😫 每次修改都要重新对齐
• 😫 文件越来越大，电脑越来越卡
• 😫 领导说"再改一版"，心态崩了

如果你也经历过，请继续往下看。

转折点：一次偶然的发现

小明在 GitHub 上闲逛时，看到了这样一段话：

"为什么写文章很简单，做 PPT 却很痛苦？

因为你在用设计师的工具，做程序员的事。"

醍醐灌顶！

他开始寻找一种方法：用写文章的方式做 PPT

遇见 Front Slide：一见钟情

第一次见面

---marp: true---# 你好，PPT这是我的内容

3 秒后

marp hello.md --images png

✨ 自动生成精美幻灯片！

小明的反应：

"这就完了？我 3 年的 PPT 经验喂了狗？"

什么是 Front Slide？

说人话版本

Front Slide = Markdown + PPT

就像这样：

• 你写 Markdown（像写日记一样）
• 它生成 PPT（像变魔术一样）

核心魔法

• ✍️ 写文章 - 不用拖拽，不用对齐
• 🎨 自动美 - 主题帮你搞定设计
• 📸 一键导出 - PNG/PDF 随便选
• 🔄 可版本控制 - Git 管理，随时回滚

真实对比：小明的亲身经历

小明说：

"早知道有这玩意，我何苦熬那 3 年！"

核心原理：其实很简单

输入：Markdown 文件

# 第一页你好世界---# 第二页这是第二页

输出：精美幻灯片

slides.001.pngslides.002.png

中间发生了什么？

Marp 引擎 读取 Markdown → 应用主题样式 → 渲染成图片

就这么简单！

上手体验：5 分钟从零到第一份 PPT

步骤 1：安装（1 分钟）

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

步骤 2：创建文件（1 分钟）

echo"---\nmarp: true\n---\n\n# 你好\n\n世界" > hello.md

步骤 3：生成（3 秒）

marp hello.md --images png

步骤 4：查看（剩余时间喝咖啡）

open hello.001.png

实战案例：公众号文章配图的故事

上周的真实经历

小许让我写一篇 OpenClaw 介绍文章。

以前：我会用 PowerPoint 做 20 页 PPT，截图，插入文章——耗时 3 小时。

这次：我用 Front Slide 写了一个 Markdown 文件，运行一条命令——耗时 20 分钟。

结果

• 23 页高清幻灯片（3x 分辨率）
• 每页 300KB-1.2MB
• 风格统一，设计精美

小许说："这次怎么这么快？"

我："因为我有魔法～"

设计之美：不用学设计，也能做出好 PPT

传统方式

• 学配色理论
• 学排版原则
• 学字体搭配
• 学动画技巧

3 个月后：还是丑

Front Slide 方式

• 选一个主题
• 写内容
• 导出

3 分钟后：能看了

主题系统：就像换衣服一样简单

换主题

---marp: truetheme: gaia  # 换这个就行---

内置主题

想自定义？ 写几行 CSS 就行！

高级玩法：当你会一点 CSS

双栏布局

<divclass="columns"><div>左边内容</div><div>右边内容</div></div>

高亮卡片

<divclass="highlight">重要内容</div>

小明说：

"我以前学了一周的 PPT 排版，现在一行代码搞定。"

版本控制：Git 爱好者的福音

传统 PPT 的命名灾难

final.pptxfinal_v2.pptxfinal_真的最后版.pptxfinal_这次真的是最后版.pptx

Front Slide 的版本管理

git commit -m "修改第二页"git log# 清晰的历史git checkout  # 随时回滚

协作场景

• 小王改了第一页
• 小李改了第三页
• Git 自动合并，完美！

高清导出：公众号编辑的最爱

导出命令

marp slides.md --images png --image-scale 3

效果

• 单页 300KB-1.3MB
• 文字清晰锐利
• 渐变/阴影都完美
• 公众号后台直接上传

小编说：

"这图质量，绝了！"

我的真实工作流

1. 写内容（Markdown 文件）

# 标题内容...

2. 导出图片

marp slides.md -o output/ --images png --image-scale 3

3. 插入文章

![幻灯片 1](./output/slides.001.png)

4. 发布

wenyan publish -f article.md -t lapis

总耗时：30 分钟（含喝咖啡时间）

常见问题：新手三问

Q: 难学吗？

A: 会写 Markdown 就会，10 分钟上手。

Q: 能动画吗？

A: 不能。但你要动画干嘛？PPT 是给人看的，不是用来炫技的。

Q: 适合什么场景？

A: 公众号文章配图、技术分享、会议演示、教学课件。

不适合：产品发布会（那个需要动画和特效）

我的建议：什么时候用 Front Slide

✅ 推荐使用

• 公众号文章配图
• 技术分享幻灯片
• 内部会议演示
• 教学课件
• 快速原型

❌ 不推荐

• 产品发布会
• 需要复杂动画
• 领导要"高大上"
• 需要嵌入视频

小明的故事结局

从此过上了幸福的生活

现在的小明：

• 早上 10 点上班，不加班
• PPT 制作时间从 3 小时变成 20 分钟
• 领导夸"效率高"
• 同事问"怎么做的"

小明说：

"如果早 3 年遇到 Front Slide，我头发还在。"

总结：三个关键词

简单

• Markdown 编写
• 一行命令导出
• 10 分钟上手

高效

• 从 3 小时到 20 分钟
• 修改只需几秒钟
• Git 版本管理

美丽

• 内置专业主题
• 自动排版对齐
• 高清导出质量

开始你的故事

5 分钟快速开始

# 1. 安装npm install -g @marp-team/marp-cli# 2. 创建echo"---\nmarp: true\n---\n\n# 你好\n\n世界" > hello.md# 3. 导出marp hello.md --images png --image-scale 3# 4. 完成！open hello.001.png