首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何给网站添加Web Bookmark

于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...介绍 上面工具的作者写了一篇文章就是介绍如何创建可视化的Web Bookmark[2],感兴趣的可以点击链接进行查看。这里大概介绍下生成bookmark的原理是什么?...我个人的网站通过上述设置后的卡片是这样子的: web-visual-bookmark.png 总结 以上就是生成Web Bookmark的全部流程,重点在于给网站设置meta标签。...参考资料 [1] https://bookmark.style/: https://bookmark.style/ [2] 如何创建可视化的Web Bookmark: https://www.xlbd.me...4] https://tweetlet.net/: https://tweetlet.net/ [5] https://bookmark.style/: https://bookmark.style/

1.4K10

如何给网站添加Web Bookmark

前言 在查看阮一峰老师最新的周刊时,发现了一个很好玩的工具bookmark.style/,作用就是输入网站,会根据网站上的信息生成精美的分享卡片,可以保存成图片并进行分享。...于是就想给自己的个人网站也生成一张值得分享的卡片,本篇文章用来记录总结我是如何给网站添加Web Bookmark的。 什么是web bookmark bookmark的中文翻译是书签。...使用Notion写文章时,粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时,粘贴的URL也会生成一个卡片。...介绍 上面工具的作者写了一篇文章就是介绍如何创建可视化的Web Bookmark,感兴趣的可以点击链接进行查看。这里大概介绍下生成bookmark的原理是什么?

92150

Chrome谷歌浏览器书签bookmark转成json数据或markdown格式

原以为直接导出的 bookmark.html 文件直接粘贴到 md 中就能用的,还是 to young to simple,导出来的 html 文件长这样: 和我们正常的 html 页面不太一样,所有标签名和属性名全部大写了...思路: 先通过 File 对象读取 bookmark.html 成字符串文本 然后再将文本直接借助浏览器的 DOM 节点的 innerHTML 渲染成 html 标签,这一步浏览器会自动帮我们转成节点列表...-- 正确方式 --> [HTML的pre标签中嵌套HTML标签时被解析的解决方案](http://xxx.com) 网页版地址:https://cafehaus.github.io/parse-bookmark...三、nodejs 版本 大题思路其实和浏览器版本一样,只不过解析 dom 节点我们需要借助第三方 dom 库,如 htmlparser2: npm 包:parse-bookmark Github仓库:...https://cafehaus.github.io/parse-bookmark 四、系统自动生成的书签json文件 Chrome 浏览器其实有自动生成的json文件,具体位置: windows 系统

57031

一个支持多用户的在线书签管理系统:My-BookMark

明:之前一直想找个书签系统,然后最近发现了个My-BookMark,用了下还不错,总算不用经常重复在不同电脑或者浏览器上备份书签了,该工具可以整合多个浏览器上的书签,对于快速搜索某个时间段的书签起到便捷式的作用...安装 Github地址:https://github.com/luchenqun/my-bookmark 所需环境:Mysql 5.6+、Node.js 8+、Redis,这里说下使用宝塔安装和手动安装...#拉取源码 git clone https://github.com/luchenqun/my-bookmark.git cd my-bookmark #安装依赖 npm install #导入数据库...,依次为数据库用户名、密码、数据库名,记得修改为自己的 mysql -uroot -pmoerats bookmark < schema.sql #编辑数据库信息 cp config.default.js...#拉取源码 git clone https://github.com/luchenqun/my-bookmark.git cd my-bookmark #安装依赖 npm install #导入数据库

1.2K00

一条 Watch 请求的一生

控制 bookmark 频率 - cacher bookmark event 是由 bookmark timer 定时发送的,来自 Etcd 的 progressNotify 所转换的 bookmark...然后每 1s ~ 1.25s 通过 popExpiredWatchersThreadUnsafe 去获取需要发送 bookmark event 的 cacheWatcher,然后将生成的 bookmark...这个阶段 bookmark event 发送时机是 watch 请求过期的前两秒,因为定期发送周期为 1s ~ 1.25s 所以在因为超时断开连接之前是可以发送一次 bookmark event 回去的...bookmark event 发送到 cacher incoming chan 中,同时在消费 cacher incoming 的时候加了 event type 的判断,只处理非 bookmark event...这个时候会频繁的出现 bookmark event 发送到 cacher incoming chan,但由于 4 已经做了处理,所以这些 bookmark event 并不会直接写到 cacheWatcher

21910

不同浏览器如何实现书签自动同步?扩展插件推荐

Bookmark Syncer Bookmark Syncer 这是一款利用 Gists 服务来同步书签的扩展插件,例如 GitHub 和 Gitee 都支持 Gists 服务。...这里以 Gitee 为例,在私人令牌里面勾选 Gists 选项,生成一个 Access Token,然后把它复制粘贴到 Bookmark Syncer 设置。...接着就可以同步书签了,你其它浏览器也安装上 Bookmark Syncer 填入 Access Token 就会自动同步最新的书签了。...这个 Bookmark Syncer 是比较低成本的简单方案了,缺点就是每次同步到远端上只有一个最新的书签版本,没有历史版本,如果你误删书签想找回来就麻烦点。另外好像没有支持火狐浏览器的扩展版本。...https://www.crxsoso.com/addon/detail/pnhcpopelnamhdhkdccijehenbikojge 项目地址: https://github.com/Hishengs/bookmark-syncer

3.5K21
领券