slidev:用markdown的方式来做ppt

程序猿DD 程序猿DD     2023-02-27     475

关键词:

也许你是一位代码高手,Markdown写作高手,但你是PPT高手吗?

你的成绩有没有被PPT高手抢走过呢?

不会作精美PPT是不是很头疼呢?

今天就给大家介绍了一款PPT制作利器:Slidev~

说Slidev之前,咱先聊聊Markdown,在认识Markdown之前,各种版式样式的问题也一直困扰着TJ君,所幸Markdown的出现完美的解决了这个问题,而Slidev,或许就是和Markdown一样的一个东东哦!

这里整理了一波超级好用的IDEA插件,一定有你喜欢的!

Slidev使用了一种扩展的Markdown格式,使得用户可以仅仅使用纯文本的形式也完成PPT的制作,尤其对于开发者来说,Slidev可以通过代码支持 HTML 和 Vue 组件,可以现场根据演示效果进行编码和修改,开发者可以将精力更多的集中在内容实现上

简单来说,Slidev有如下的功能特点:

  • 📝 Markdown 支持 —— 使用你最喜欢的编辑器和工作流编写 Markdown 文件
  • 🧑‍💻 开发者友好 —— 内置代码高亮、实时编码等功能
  • 🎨 可定制主题 —— 以 npm 包的形式共享、使用主题
  • 🌈 灵活样式 —— 使用 Windi CSS 按需使用的实用类和易用的内嵌样式表
  • 🤹 可交互 —— 无缝嵌入 Vue 组件
  • 🎙 演讲者模式 —— 可以使用另一个窗口,甚至是你的手机来控制幻灯片
  • 🎨 绘图 - 在你的幻灯片上进行绘图和批注
  • 🧮 LaTeX 支持 —— 内置了对 LaTeX 数学公示的支持
  • 📰 图表支持 —— 使用文本描述语言创建图表
  • 🌟 图标 —— 能够直接从任意图标库中获取图标
  • 💻 编辑器 —— 集成的编辑器,或者使用 VS Code 扩展
  • 🎥 演讲录制 —— 内置录制功能和摄像头视图
  • 📤 跨平台 —— 能够导出 PDF、PNG 文件,甚至是一个可以托管的单页应用
  • ⚡️ 快速 —— 基于 Vite 的即时重载
  • 🛠 可配置 —— 支持使用 Vite 插件、Vue 组件以及任何的 npm 包

是不是功能很丰富?不过也许可能是BETA版本的关系,作者表示Slidev的API接口还不是很稳定,有待进一步优化

我们看一下简单的试用(白色是在刷新,有点慢):

喜欢的小伙伴不要错过,让你的Markdown产出结果更多样化!

最后,奉上项目地址:https://github.com/slidevjs/slidev

chatgpt有哪些神奇的使用方式?

...爆款短视频我们生成一个PPT大纲如果ChatGPT没有帮你生成markdown格式,下一次回复时,让它直接把大纲重新用「markdown代码格式」生成一下,就可以了。像这样:OK,点击markdown代码右上角的「copycode」,我们... 查看详情

想问一下用markdown写博客的大牛们,是通过怎样的方式发布

参考技术A像csdn博客园都支持线markdown编辑本写直接导入或者直接网页面写都 查看详情

markdown中实现目录页面内跳转

参考技术A备注:中的MarkDown好像不支持页面内跳转;在MarkDown中是通过链接和标题来实现页面内跳转的,所以先讲下MarkDown中链接和标题的语法,然后再讲MarkDown中实现页面内跳转的方法;Markdown支持两种形式的链接语法:行内式... 查看详情

rstudio的markdown功能怎么用起来,和其他markdown软件的异同

  目前在学习更优雅的使用Rmarkdown写学习总结。但没有深入接触过其他markdown软件。  目前感觉到的吸引人的特点如下。  优点:  可以直接嵌入可执行的R代码,甚至可交互的shinyAPP;  可以非常简单的嵌入LaTeX公式... 查看详情

markdown常用语法

1.标题第一种方式:用#表示,注意#后有空格。最多六级标题#一级标题##二级标题###三级标题####四级标题#####五级标题######六级标题显示如下:一级标题二级标题三级标题四级标题五级标题六级标题第二种方式:用至少三个的===... 查看详情

居然可以用js写ppt?

...学来说,一身的css功力用不上也是个痛点。对于使用markdown来写文档的同学来说,将文档转成ppt需要重新排版也是件重复性的工作量。于是我们需要一个基于web技术的ppt框架,reveal.js在这个领域成名已久 查看详情

md文件如何打开,markdown文件用啥打开

首先来普及一下什么是md文件,md全称markdown,markdown也是一种标记语言,详情可以百科查看。.md文件如何打开,markdown文件用什么打开md文件其实可以用常用的文本编辑器都可以打开,例如记事本、editplus、sublime等等。.md文件如何... 查看详情

md文件如何打开,markdown文件用啥打开

参考技术A首先来普及一下什么是md文件,md全称markdown,markdown也是一种标记语言,详情可以百科查看。.md文件如何打开,markdown文件用什么打开md文件其实可以用常用的文本编辑器都可以打开,例如记事本、editplus、sublime等等。.m... 查看详情

markdown用jxlstemplate的方式导出数据(poifsfilesystem.haspoifsheader没有方法错误)(无法加载xls变换器)(海伦数学试卷)(资源,资源asstre(代

查看详情

md文件如何打开

...何打开用记事本打开。1、首先来普及一下什么是md文件,markdown也是一种标记语言。2、md文件其实可以用常用的文本编辑器都可以打开,如记事本sublime等等。3、用记事本打开,把markdown文件拖到记事本图标上就可以打开。4、用su... 查看详情

程序员写ppt的小技巧

...学来说,一身的css功力用不上也是个痛点。对于使用markdown来写文档的同学来说,将文档转成ppt需要重新排版也是件重复性的工作量。于是我们需要一个基于web技术的ppt框架,reveal.j 查看详情

markdown转docx用pandoc(代码片段)

...命令行执行,不过官网给出了超详细的使用步骤不只是转markdown:一张图显示可以转换的方式:传送门(GPL开源免费):https://www.pandoc.org/index.htmldemo.md转.docxpandoc-s/path/to/yourfile.md-o/path/saved.docx还能做什么CreatingaPDFLaTeX支持Readingfromthe... 查看详情

用markdown写博客,看这一篇就够了,附markdown文件分享(代码片段)

0.前言为什么用markdown写博客?在写博客的过程中,最大的“痛点”在于写作中总是被“格式”之类的困扰,无法专注于内容写作;在线写博客,会被网络或者编辑器本身所拖累;本文介绍的markdown写作,可以使你专注于博客内容... 查看详情

用markdown写博客(代码片段)

目录用markdown写博客前言标题段落引用区块代码块列表分隔线链接强调、加粗、下划线、删除线图片智能链接表格转义序列用markdown写博客前言博客园支持用markdown语法写博客。markdown是什么东西?他是一套中间格式化文本的语法... 查看详情

md文件如何打开,markdown文件用啥打开

参考技术AMD后缀名的文件就是Markdown文件,Markdown是一种轻量级的标记语言,由JohnGruber和AaronSwartz创建,使其成为可读性最大并可再发行的可输入输出的格式。这种语言创建灵感来自于已经存在的带标记的电子邮件文本。Markdown允... 查看详情

md文件如何打开,markdown文件用啥打开

参考技术AMD后缀名的文件就是Markdown文件,Markdown是一种轻量级的标记语言,由JohnGruber和AaronSwartz创建,使其成为可读性最大并可再发行的可输入输出的格式。这种语言创建灵感来自于已经存在的带标记的电子邮件文本。Markdown允... 查看详情

如何让hexo代码高亮?

由于hexo代码使用的Markdown语法,Markdown的语法可以参考Markdown语法介绍。所以可以使用Markdown的方式实现代码的高亮,通常有以下三种方式:使用双空格缩进的方式(这种方式在Hexo中代码不支持高亮),使用```codeblock```的方式(... 查看详情

markdown崇高的快捷方式(代码片段)

查看详情