slidev
发表于|更新于
|浏览量:
君子先择而后交，小人先交而后择。——王通
分享一个为开发者打造的演示文稿工具：https://cn.sli.dev/
Slidev (slide + dev,
/slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。它使用了功能丰富的 markdown 文件来生成精美的幻灯片，具有即时重载的体验。它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。
你可以在 为什么选 Slidev 部分了解更多关于本项目的设计初衷。
相关推荐
2024-06-30
nativeShare.js
进步是人的生活方式。——雨果 分享一个 https://github.com/JefferyWang/nativeShare.js 这个库是王俊锋写的，用于h5直接唤醒浏览器的分享 注意:目前仅支持手机UC浏览器和QQ浏览器 nativeSharenativeShare是一个可以通过javascript直接调用原生分享的工具. demo 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 该工具具有以下特点: 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享 支持调用浏览器更多分享功能 注意:目前仅支持手机UC浏览器和QQ浏览器 github项目地址: https://github.com/JefferyWang/nativeShare.js Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeSha...
2022-08-05
Navigator.clipboard
人类侥幸拥有了智慧，就应该善用它。——王小波 惯例，MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码： 123456789<body> <div class="cliptext"></div> <script> ...
2022-11-15
ERROR Plugin load failed: hexo-generator-json-content
天道之数，至则反，盛则衰。人心之变，有余则骄，骄则缓怠。——管子 发现博客里hexo命令突然用不了了(我重新cnpm i了一下导致的) 报错如下： 既然报错这个模块，我们进去看看 然后发现了端倪，这里用到的hexo-util选择的最新版，且下面根本没有dist目录，但是之前还是好的，并且我此处出现两个hexo-util版本。。。 看了下源码地址，原来四天前发版了 解决办法： 进入报错的hexo目录 12345cd D:\file\blog\blog\node_modules\hexo-generator-json-content# 卸载新版本npm uni hexo-util# 安装 2.7版本npm i hexo-util@2.7 再返回到我们博客目录 成功执行hexo命令
2020-09-03
vue2.0配置路由
古希腊哲学家芝诺的学生问他：“老师，难道你有不懂得的东西吗？”芝诺风趣地回答：“如果用小圆代表你们学到的知识，用大圆代表我学到的知识，那么大圆的面积是多一点；但两圆之外的空白，都是我们的无知面，圆越大，其圆周接触的无知面就越多。” 先说下端口配置吧 项目根目录下新建一个文件叫vue.config.js 12345module.exports = { devServer: { port: 3000 }} 然后npm run serve运行项目，可以看到端口号变了 然后再配置个路由吧 1cnpm i vue-router 在main.js中引入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, rend...
2021-11-09
让link标签失效
此岸永远是残缺的，否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了，想让我加个隐藏主题功能，于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下： 隐藏 12<!-- 选中head节点，找到href属性为'/css/style.css'的link标签，添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示： 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
2020-09-08
vue阻止默认事件
有一天，当回顾自己走过的路时，你会发现这些奋斗不息的岁月，才是最美好的人生。——弗洛伊德 今天写一个页面的时候，遇到一个问题 这是一个简单的elementUI的折叠面板 我在自定义标题里加了个el-link标签，执行一个函数，打印一句话 代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!-- --><template> <div class ref="message"> <el-collapse v-model="activeName" accordion> <el-collapse-item name="1"> <template slot="title"> 一致性 C...