slidev
发表于|更新于
|浏览量:
君子先择而后交,小人先交而后择。——王通
分享一个为开发者打造的演示文稿工具:https://cn.sli.dev/

Slidev (slide + dev,
/slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容,同时拥有支持 HTML 和 Vue 组件的能力,并且能够呈现像素级完美的布局,还在你的演讲稿中内置了互动的演示样例。它使用了功能丰富的 markdown 文件来生成精美的幻灯片,具有即时重载的体验。它还拥有很多内置的集成功能,如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的,因此你可以使用它进行任何操作 —— 具有无限的可能性。
你可以在 为什么选 Slidev 部分了解更多关于本项目的设计初衷。

相关推荐
2024-08-07
html构建桌面端应用框架tauri
即使通过自己的努力知道一半真理,也比人云亦云地知道全部真理还要好些。——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri 和 Electron 的主要区别是它更快,而且是用Rust编写,前端是用 TAO 和 WRY,更加轻量 ,内存占用更小,不嵌入Chromium,但是需要你会一点点Rust,这对我来说不是事儿,我早就在2022-02-01开始rust的简单入门 rust安装 安装vscode的rust插件 使用cargo创建rust程序并运行 创建项目非常简单! 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697...
2025-03-19
primer-css
只要条件许可,机会成熟,人人都是想作恶的。——叔本华 介绍 Primer CSS:GitHub 的设计系统最近,我在寻找一个强大的设计系统来提升我的项目 UI 设计时,发现了 GitHub 的设计系统——Primer CSS。今天,我将为大家详细介绍一下这个优秀的项目,帮助你更好地了解和使用它。 什么是 Primer CSS?Primer 是 GitHub 的设计系统,提供了一套完整的 CSS 实现,旨在帮助开发者快速构建一致且美观的用户界面。无论你是开发者还是设计师,Primer CSS 都能为你的项目提供强大的支持。 项目概述Primer CSS 是 GitHub 开发和维护的开源项目,自 2015 年 3 月 19 日创建以来,已经吸引了超过 1.2 万个星标和 1244 个 forks。该项目使用 SCSS 语言编写,遵循 MIT 许可证,确保其免费和开源。 项目特点 一致性:Primer CSS 提供了一套统一的样式和组件,确保你的项目在各个页面和模块之间保持一致。 高效:通过使用 Primer CSS,你可以快速构建和维护用户界面,节省大量的开发时间。 可定制:P...
2025-12-21
bun
时间就象海绵里的水一样,只要你愿意挤,总还是有的。——鲁迅 Bun 全面上手:Zig 打造的全能 JavaScript/TypeScript 工具链,一行命令跑起你的全栈应用 仓库地址:oven-sh/bun官方文档与指南:bun.com/docs简介:Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链,单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器,目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun?来自官方 README 的定义: Bun 是一个全能(all-in-one)工具集,单一可执行文件 bun。 核心是一个高速运行时,以 Zig 编写,底层由 JavaScriptCore 驱动。 设计目标:在尽可能多的场景下,直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX;内置测试、脚本运行和Node 兼容的包管理器。 一句话概括:有了 Bun,你可以更少的依赖、更短的启动链路、更快的开发/运行体验,把“常见的 No...
2021-11-23
export default和module.exports
我期望理解,但是也慢慢地感受到了一种责任,给予比接受伟大,去爱比被爱伟大。 ——海明威 我们在vue项目中创建两个js 在util.js中写入 123export default { ruben: 'ruben'} 在api.js中写入 123module.exports = { vampire: 'vampire'} 我们再来一个页面中使用两种方式引用 123456789101112131415<script>import util from '@/common/util.js';import api from '@/common/api.js'const util1 = require('@/common/util.js')const api1 = require('@/common/api.js')export default{ created(){ co...
2020-09-05
vue结合elementUI进行快速开发
人生最重要的不是努力,不是奋斗,而是抉择。 我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入 我们来做个测试,首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法 进入home页面,刷新 可以看到效果了 那我们再引入个导航栏 首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...
2023-06-07
image-conversion
失之毫厘,差之千里。——佚名 分享一个js图像库: https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...

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