Skip to content
huizhi's Aside
Go back

记首次使用 Slidev 进行 pre

Edit page

Slidev 其官方介绍为 Presentation Slides for Developers,我想也的确符合。

一、使用背景

起初是我的”学术英语写作”课程进行到期末时,有一篇英文综述的论文任务。因为提交要求是 PDF 而非 Word,所以自然想到去用 LaTeX 去写。LaTeX 在我大一的时候就用过,去写一些数理作业,但是后来因为费时就很久没再用过了。

此时我也同样向 Gemini 询问了我应当使用怎样的工作流,并且向我提出了使用 Slidev 去完成演示文稿的制作。

然后就开始配环境,主要时间花在 LaTeX 编译上,经常出各种问题。使用 Zotero 及其插件去完成论文搜集以及 bib 引用数据的导出也花了蛮久,最后花了一整个周末才把论文和演示文稿搞定。

我的演示文稿网址: Web-mech

二、Slidev 的优势

核心特点

内容结构

Slidev 的内容本体是一个 .md 文件,其中可以嵌入 HTML 甚至是 Vue 组件。并且官方提供的各种方法也是非常丰富,动画、组件等完全足够使用。

相比之下,如果不是追求那种十分酷炫、精致的页面(大多数人做出来也费时费力),PowerPoint 就显得有些臃肿。

所以说,在大部分的场景之下,保持具有排版合理、内容清晰、样式简洁优雅特点的 Slidev 就足够了。

三、不变性与部署

静态资源的优势

当然还有一点,是其不变性。Slidev 最终编译的结果是静态的 HTML、CSS、JS 这种静态的、能够被浏览器看懂的资源,只需要简单的部署到 Vercel 等平台,再绑个域名,就可以什么都不用做,走到哪都能打开使用了。

也不会出现诸如:

的问题。

实际使用体验

当上课前大家都一个一个上去排队拷或者微信文件传输自己的 PPT 文件时,你什么都不用干,只需上台时输一串自己的域名就可开始 pre(要是没网的话就洗洗睡吧,因为跨域的安全问题,浏览器也没法直接打开编译好的文件)。

这很 cool 好吗,至少我从未见过。

备用方案

当然我是提倡留一个后手的,搞不好学校电脑没网或者是上古版本的浏览器,即提前将自己的 Slidev 导出为 PPT(开发过程中支持)。

虽然导出的逻辑就是每一页截个图然后组在一起,手动再给每页加个平滑就行了,只是会缺少每个页面内的动画,影响不大。

四、开发体验

至于开发速度,我因为时间紧没有仔细阅读文档手写,直接让 AI 帮我写个大致的框架和内容,我再进行修改润色。

反正大部分都是 HTML 和 MD,可读性也还可以。这样写出来的结果距我理想中的效果当然还是差一点的,所以后续也会再仔细去学一些 Slidev 独特的语法,来逐渐向我理想中的演示文稿靠近。


Edit page

Previous Post
2025-年度总结
Next Post
Astrbot的自建历程