程序员用 Markdown 写 ppt，真是太绝了！

发布日期: 2022-04-19

大家好，我是机灵可爱的开源小妹~~
上周老板找我说要给客户演示下我们最近开发的项目，说让我写个 ppt ? 身为程序员怎么能拒绝呢，于是乎刷起来 Github ，还真找到了个神器，用 Markdown 写 ppt 的开源项目- Slidev。

简介

Slidev 是专门为开发者设计的工具，我们大多数开发人员都熟知 Markdown ，经常用它来写文章。通过 Slidev 我们可以直接用 Markdown 去写 ppt，最后还可以方便地导出成 pdf 或者直接导出成一个网页。

使用

本地使用

安装 Node.js 环境
执行命令
1
$ npm init slidev
跟随命令行的提示，它将自动为你打开幻灯片

使用 Markdown 语法编写 ppt

我们打开刚刚创建的项目 md 文件，可以看到里面还可以通过代码覆盖相应的样式。

# Welcome to Slidev

Presentation slides for developers

<div class="pt-12">
  <span @click="$slidev.nav.next" class="px-2 py-1 rounded cursor-pointer" hover="bg-white bg-opacity-10">
    Press Space for next page <carbon:arrow-right class="inline"/>
  </span>
</div>

<div class="abs-br m-6 flex gap-2">
  <button @click="$slidev.nav.openInEditor()" title="Open in Editor" class="text-xl icon-btn opacity-50 !border-none !hover:text-white">
    <carbon:edit />
  </button>
  <a href="https://github.com/slidevjs/slidev" target="_blank" alt="GitHub"
    class="text-xl icon-btn opacity-50 !border-none !hover:text-white">
    <carbon-logo-github />
  </a>
</div>

<!--
The last comment block of each slide will be treated as slide notes. It will be visible and editable in Presenter Mode along with the slide. [Read more in the docs](https://sli.dev/guide/syntax.html#notes)
-->

---