slidev
发表于|更新于
|浏览量:
君子先择而后交，小人先交而后择。——王通
分享一个为开发者打造的演示文稿工具：https://cn.sli.dev/
Slidev (slide + dev,
/slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。它使用了功能丰富的 markdown 文件来生成精美的幻灯片，具有即时重载的体验。它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。
你可以在 为什么选 Slidev 部分了解更多关于本项目的设计初衷。
相关推荐
2022-10-31
display:block小技巧
成功之道，在于你为获得成功所做出的积极努力，而不在于预先就衡量这种成功的价值——哈里特 分享一个小技巧 display:block 可以将style标签可见 例如： 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑 试试吧 * { transition: all 0.2s } html { ...
2025-09-05
live
功名富贵若长在，汉水亦应西北流。――李白《江上吟》 https://github.com/fanmingming/live 在国内外 IPTV、网络电视、广播播放器用户圈里，fanmingming/live 项目可以说是“台标资源与工具生态”的天花板级开源项目。它不仅仅是一套可直连访问的电视/广播台标库，更集合了 m3u 直播列表、EPG 电子节目单、m3u8在线下载、格式转换、Web播放器等实用工具，并且永久免费、完整开源、支持 IPv4/IPv6 双栈访问，真正做到了“公益服务，极致易用”。 项目定位fanmingming/live 的核心定位是提供一个持续完善、易于接入的电视/广播台标（logo）资源库，并配套一系列 IPTV/广播频道相关工具，帮助用户打造属于自己的高品质直播订阅与频道展示体验。项目由热心开发者公益维护，所有内容均托管在 GitHub，并通过 CloudFlare 提供高速 CDN 和安全访问，无论在国内外都能“直连无障碍”。 功能特色一览 海量台标库：覆盖国内主流电视台（央视、卫视、地方台）...
2025-02-05
vue-vben-admin
你与别人花费一样的时间，因为别人用心，而你吊儿郎当，所以到了最后检验成果的时候，别人成功，而你除了赔了时间之后，一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时，Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript，为开发者提供了一个功能丰富的中后台模板，开箱即用。通过结合现代前端技术栈，Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈：使用 Vue 3 和 Vite 进行开发，支持热更新和快速构建，极大提升了开发效率。 TypeScript 支持：代码类型安全、自动补全，降低了代码维护成本。 主题系统：支持多套预定义主题，用户还可以自定义主题色彩，打造符合品牌风格的界面。 国际化（i18n）：内置国际化方案，支持多语言切换，方便面向全球用户的项目开发。 权限管理：提供动态路由和权限控制方案，可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
2021-11-28
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素： 1<div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法： 1let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 12345<div ruben="vampire">阿超</div><script type="text/javascript"> let vampire = $('div[ruben="vampire"]') console.log("vampire: ", vampire.text());</script> 效果
2024-10-06
vitesse-webext
知古不知今，谓之落沉。知今不知古，谓之盲瞽。——王充 分享一个由 Vite 提供支持的 WebExtension（Chrome、FireFox 等浏览器插件）的入门模板。 Github： https://github.com/antfu-collective/vitesse-webext 特性： ⚡️ Instant HMR - 在 dev 上使用 Vite（不再刷新！ 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等！ 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...
2025-07-29
selenium
我慢慢明白了我为什么不快乐，因为我总是期待一个结果。看一本书期待它让我变得深刻；吃饭、游泳期待它让我一斤斤瘦下来；发一条微信期待它被回复；对别人好期待被回待以好；写一个故事说一个心情期待被关注安慰；参加一个活动，期待换来充实丰富的经历。这些预设的期待如果实现了，我长舒一口气，如果没有实现呢，就自怨自艾。可是小时候也是同一个我，用一下午的时间看蚂蚁搬家，等石头开花。小时候不期待结果，小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium：让你的浏览器自动工作，解放双手的神器！你是否曾幻想过：打开电脑，一行代码敲下去，Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作，自己在旁边喝咖啡、刷剧、享受生活？这不是科幻，而是真实存在的“自动化世界”——Selenium，就是让这一切变得触手可及的开源王者！ Selenium是什么？一句话超酷简介 Automates browsers. That’s it!Selenium，就是让浏览器自己动起来的神器！不管你用什么语言，...