slidev

发表于2023-04-19|更新于2026-02-24

|浏览量:

君子先择而后交，小人先交而后择。——王通

分享一个为开发者打造的演示文稿工具：https://cn.sli.dev/

Slidev (slide + dev, /slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。

它使用了功能丰富的 markdown 文件来生成精美的幻灯片，具有即时重载的体验。它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。

你可以在为什么选 Slidev 部分了解更多关于本项目的设计初衷。

相关推荐

uniapp-cli工程

人生苦短，虽说如此，还会感到无聊。——佚名除了HBuilderX可视化界面，也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。 #环境安装全局安装 vue-cli 1npm install -g @vue/cli 复制代码 #创建uni-app 使用正式版（对应HBuilderX最新正式版） 1vue create -p dcloudio/uni-preset-vue my-project 复制代码使用alpha版（对应HBuilderX最新alpha版） 1vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project 复制代码使用Vue3/Vite版创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板） 1npx degit dcloudio/uni-preset-vue#vite my-vue3-project 复制代码 1npx degit dcloudio/uni-preset-vue#vite-alpha...

非我而当者，吾师也；是我而当者，吾友也；谄谀我者，吾贼也——荀子分享一个在js中使用媒体查询的封装： https://github.com/WickyNilliams/enquire.js 我们只需要安装 1cnpm install enquire.js 即可像这样使用： 123456789101112131415161718192021enquire.register("screen and (max-width:1000px)", { match : function() {}, // OPTIONAL // If supplied, triggered when the media query transitions // *from an unmatched to a matched state* unmatch : function() {}, ...

react生命周期弃用

强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子在运行apache-shenyu发现很多警告大致说是生命周期弃用了，并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点，以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景我也针对新建了一个issue，去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341

typescript-exercises（七）

若我会见到你，事隔经年。我如何和你招呼，以眼泪，以沉默。——《春逝》题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125/*Intro: Filtering was completely removed from the project. It turned out that this feature was just not needed for the end-user and we spent a lot of time just because our offi...

趋炎附势的人，不可与其共患难。——拜伦分享一个前端打包工具官方文档：https://parceljs.org/ 中文文档：https://www.parceljs.cn/ 非常好用

万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/greensock/GSAP https://gsap.com/ GSAP 是一个与框架无关的JavaScript 动画库，可将开发人员变成动画超级英雄。构建适用于所有主要浏览器的高性能动画。动画 CSS、SVG、canvas、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…任何 JavaScript 可以触及的内容！ GSAP 的ScrollTrigger插件以最少的代码提供令人惊叹的基于滚动的动画。 gsap.matchMedia()使构建响应式、易于访问的动画变得轻而易举。没有其他库能够提供如此先进的测序、可靠性和严格的控制，同时解决超过 1200 万个站点的实际问题。 GSAP 解决了无数浏览器不一致的问题；你的动画就可以了。从本质上讲，GSAP 是一个高速属性操纵器，可以随着时间的推移以极高的精度更新值。它比 jQuery 快 20 倍！ GSAP 完全灵活；把它撒在你想要的地方。零依赖。有许多可选插件和缓动功能可以轻松实现高级效果，例如滚动、变形、沿运动...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中