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 部分了解更多关于本项目的设计初衷。

相关推荐

TinyVue组件库

君子不隐其短，不知则问，不能则学。——董仲舒文档： TinyVue：一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端代码： https://github.com/opentiny/tiny-vue 在项目的根目录中，打开控制台，执行以下命令，为 Vue 3.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@3# 或者npm install @opentiny/vue@3 或者执行以下命令，为 Vue 2.0 的项目安装 TinyVue 组件库： 123yarn add @opentiny/vue@2# 或者npm install @opentiny/vue@2 如果是Vite 工程，安装完依赖后，修改项目的 vite.config.js ，添加以下代码突出显示的部分： 1234567891011// vite.config.jsimport { defineConfig } from 'vite'import vue from &#x...

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

typescript-exercises（十三）

人不仅为自己而生，而且也为祖国活着。——柏拉图题目： 123456// This enables module augmentation mode.import 'date-wizard';declare module 'date-wizard' { // Add your module extensions here.} 报错： 12345index.ts(79,30): error TS2339: Property 'pad' does not exist on type 'typeof import("/node_modules/date-wizard/index.d.ts")'.index.ts(101,67): error TS2339: Property 'hours' does not exist on type 'DateDetails'.test.ts(5,5): error TS2344:...

浅水是喧哗的，深水是沉默的。——雪莱我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...

get请求包含参数属性为数组

凡是夫妇不吵架的家庭，准是一块阴森之地，既没有冲击，故也没有快乐——柏杨有些时候，我们需要使用GET请求传递数组，但是使用很多前端请求框架，以及EcmaScript自带的URLSearchParams转换的URL参数都无法直接进行转换：例如以下格式： 1234567891011121314{ "current": 1, "size": 1, "orders": [ { "column": "age", "asc": true }, { "column": "name", "asc": true } ]} 使用URLSearchParams转换结果： 1234let se...

Vitest集成github action

精神上最好的避难所还是书本：它们既不会忘了你，也不会欺骗你。——罗曼·罗兰我们已经知道vitest是一个很好用的单元测试框架，我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...

阿超

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

数据加载中