# Reveal-md - 将 Markdown 文档转换为精美的演示文稿

**URL:** <https://meta.appinn.net/t/topic/58047>\
**Category:** 青蛙的应用\
**Created:** [2024 年6 月 25 日 03:26 UTC](https://meta.appinn.net/t/topic/58047 "2024-06-25T03:26:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2024 年6 月 25 日 03:26 UTC](https://meta.appinn.net/t/topic/58047/1 "2024-06-25T03:26:54Z")

</div>

原始链接在： [reveal-md - 将 Markdown 文档转换为精美的演示文稿 - 小众软件](https://www.appinn.com/reveal-md/)

**reveal-md** 是一个基于 Reveal.js 的开源项目，它可以将 [Markdown](https://www.appinn.com/tag/markdown/) 文档转换为精美的幻灯片 PPT（基于网页），只需要在 .md 文档分页的地方添加 `—` 即可。@[Appinn](https://www.appinn.com/reveal-md/)

  
 ![](https://www.appinn.com/wp-content/uploads/2024/06/Appinn-feature-images-2024-06-25T110620.494.jpg)
## Reveal.js 是什么

Reveal.js 是一个 HTML 演示框架，你可以用它制作在浏览器中使用的演示文稿，而无需微软的 PPT 软件本身。浏览也直接在浏览器中进行。

主要功能包括垂直幻灯片、Markdown、自动动画、PDF 导出、演讲者注释、LaTeX 支持和语法突出显示代码。

## reveal-md

reveal-md 是一个可以直接将 Markdown 转换为演示文稿，并托管起来的工具。

你只需要准备一个 .md 文件，并在需要分页的添加：

```
空行
---
空行
```

然后运行 reveal-md，就能在浏览器中打开了。

### 安装并运行 reveal-md

reveal-md 在 [GitHub](https://github.com/webpro/reveal-md)，使用 NodeJS 安装：

```
npm install -g reveal-md
```

然后运行：

```
reveal-md slides.md
```

就可以了。如果是 Docker，只需要一句：

```
docker run --rm -p 1948:1948 -v <path-to-your-slides>:/slides webpronl/reveal-md:latest
```

就能在浏览器中打开 ip:1948 来查看这个演示文档了。但由于目前 docker 镜像比较难获得，所以以往最无门槛的 Docker 一键大法，似乎又回到了极客专用啊 😂

* * *

青小蛙是在《[「实用技能拾遗」系列辅学课程网站](https://slides.tonycrane.cc/PracticalSkillsTutorial/)》中发现了 reveal-md，所以也就不提供演示了，而是直接去看课吧：

- [lec3：Markdown 语法及应用](https://slides.tonycrane.cc/PracticalSkillsTutorial/2023-spring-cs/lec3/)

 ![](https://www.appinn.com/wp-content/uploads/2024/06/Appinn-2024-06-25-11.22.04@2x.avif)

这套课程的源码（.md 文件）在 [GitHub](https://github.com/TonyCrane/PracticalSkillsTutorial)，可以参考别人是怎么用 reveal-md 的。

真的有一种 Markdown 拯救万物的感觉 😂

---

<div class="post-metadata">

作者： ![runze](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/runze/32/881_2.png) [@runze](https://meta.appinn.net/u/runze)\
发布日期： [2024 年6 月 25 日 05:50 UTC](https://meta.appinn.net/t/topic/58047/2 "2024-06-25T05:50:34Z")

</div>

> **[Slidev](https://sli.dev/)**
>
> Presentation slides for developers

---

<div class="post-metadata">

作者： ![zongjiezhe](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/z/7feea3/32.png) [@zongjiezhe](https://meta.appinn.net/u/zongjiezhe)\
发布日期： [2024 年6 月 26 日 09:02 UTC](https://meta.appinn.net/t/topic/58047/3 "2024-06-26T09:02:21Z")

</div>

试了一下，可以说是穷人版PPT了，用这个做演示文稿的工作量比ppt还大，不太值得学啊。不过chatgpt不会做ppt，不知道能不能做这个

---

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2024 年6 月 26 日 09:11 UTC](https://meta.appinn.net/t/topic/58047/4 "2024-06-26T09:11:51Z")

</div>

这是给 md 用户准备的…你从 ppt 转过来没有意义啊，ppt本身就很好了

---

<div class="post-metadata">

作者： ![dms](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/dms/32/3545_2.png) [@dms](https://meta.appinn.net/u/dms)\
发布日期： [2024 年6 月 26 日 09:22 UTC](https://meta.appinn.net/t/topic/58047/5 "2024-06-26T09:22:33Z")

</div>

[https://revealjs.com/](https://revealjs.com/) 这东西可很有年头了，可能从 2011 年就有了。很强，前端也喜欢。

---

<div class="post-metadata">

作者： ![zongjiezhe](https://meta-edge.appinn.com/letter_avatar_proxy/v4/letter/z/7feea3/32.png) [@zongjiezhe](https://meta.appinn.net/u/zongjiezhe)\
发布日期： [2024 年6 月 27 日 01:46 UTC](https://meta.appinn.net/t/topic/58047/6 "2024-06-27T01:46:26Z")

</div>

试了一下，主流大模型是可以对 [Reveal-md]做美化的，但效果相当一般（也可能是不会写这种prompt）
