查看原文
其他

骚操作!使用 Markdown 来写 PPT!同事看了直呼 666

G哥 Github掘金计划 2022-03-15

用心发掘 Github 和 Gitee 上优质的开源项目。

欢迎关注「Github掘金计划

作为程序员,你有没有感觉到自己经常需要花太多时间在做 PowerPoint / Keynote / Google 幻灯片上。

并且,PowerPoint / Keynote / Google 幻灯片对于开发人员是不够友好的!就比如我们经常需要直接在幻灯片中展示代码的话,这些工具就没办法提供支持了!

有没有一款对于开发者比较友好的幻灯片工具呢?

是的!有!这个项目就是 Slidev[1] !一个旨在为开发人员设计的幻灯片开源库。通过 Slidev ,我们可以通过简单的 Markdown 语法快速制作出更加灵活性、更具表现力和吸引力的幻灯片。

并且,我们还可以通过自定义 Vue 组件在 markdown 文件 以此让我们的幻灯片更具有交互性。

Slidev 使用起来也非常非常简单!不过,需要你的本地有 Node 开发环境。

如果你不知道如何搭建 Node 开发环境的话,可以看 MDN 的《设置 Node 开发环境》[1]这篇文章。

通过下面这行简单的命令,我们就可以初始化一个完整的 Slidev 的项目。

npm init slidev

运行这个命令之后,按照提示一步一步进行就可以了!

项目创建完成之后会自动在本地部署:

slide show > http://localhost:3030/
presenter mode > http://localhost:3030/presenter

幻灯片展示的内容就是项目文件夹下的 slides.md

有关 Markdown 语法的更多详细信息,请通读语法指南:https://sli.dev/guide/syntax.html。

项目地址:

  • Github: https://sli.dev/

  • 官网:https://sli.dev/

「还等什么?快用起来啊!」

👍 推荐!Github精选项目分类汇总(原创不易,若有帮助,欢迎分享/点赞):

  1. 编程基础 :精选编程基础如学习路线、编程语言相关的开源项目。
  2. 计算机基础:精选计算机基础(操作系统、计算机网络、算法、数据结构)相关的开源项目。
  3. 技术面试 :精选技术面试相关的开源项目。
  4. 项目实战 :精选实战类型的开源项目。
  5. 神器工具&网站 : 一些好用的插件、软件、网站。
  6. Java :Java类开源项目汇总

用心发掘 Github 和 Gitee 上优质的开源项目。

欢迎关注「Github掘金计划

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存