牛逼!用 Markdown 来做 PPT!

2022-12-02 10:30:23 浏览数 (1)

哈喽,大家好!我是前端实验室的小师妹!

大多数朋友做 PPT 一般都是用的 PowerPoint KeyNote的吧,那你有没有用 Markdown 来编写幻灯片呢?

小师妹逛 githuub 时发现一个有趣又强大的库!可以用 Markdown编写 PPT 内容,渲染成 Slides进行预览,简直就是程序员专属的PPT制作利器!

什么是Slidev?

Slidev[1] 是基于 Web 的幻灯片制作和演示工具。

简而言之,Slidev 就是可以让我们用 Markdown 写 PPT 的工具库,基于 Node.jsVue.js 开发。

你可以通过它把 Markdown 转化成 PPT,而且它可以支持各种好看的主题、代码高亮、公式、流程图、自定义的网页交互组件,还可以方便地导出成 pdf 或者直接部署成一个网页使用。

Slidev 有哪些功能?

Slidev是专门为开发者打造的演示文稿工具,功能十分强大。

由于 Slidev 是由 web 驱动的,因此你可以使用它进行任何操作 —— 具有无限的可能性。

安装

具体内容请参考:安装-Slidev[2]

  • 要求Node.js 14.0.0及以上的版本;
  • 全局安装 Slidev,运行以下命令:
代码语言:javascript复制
$ npm i -g @slidev/cli
  • 在目标目录下运行以下命令启动 Slidev:
代码语言:javascript复制
$ slidev
  • 用浏览器访问http://localhost:3030/即可预览演示文档

VS Code中使用Slidev插件[3]

你也可以在 VS Code中使用Slidev插件,可实时渲染以及预览演示文稿。

效果展示

  • 首页
  • Code
  • 公式和图表

部署

Slidev 是基于 Vue 开发的,写出来的PPT 还可以部署到网站上,比如 GitHub PagesGiteeNetlify等站点上。

同时你也可以使用 Git 进行版本控制,简直强大到炸裂!

试想一下,别人演讲 PPT 用的 PowerPoint ,而你直接打开浏览器进入网站就开讲了,效果酷炫,功能强大,就说这波逼装的足不足!

写在最后

欢迎加入前端实验室读者交流群,群里有不少技术大神,不定时会分享一些技术要点,更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式:在下方公众号后台,回复 111 ,按提示操作即可进群。

参考资料

[1]

Slidev官网: https://cn.sli.dev/

[2]

如何安装Slidev: https://cn.sli.dev/guide/install.html

[3]

VS Code中使用Slidev插件: https://marketplace.visualstudio.com/items?itemName=antfu.slidev

如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~

0 人点赞