撸了一款将链接转化为精美分享图的 Chrome 插件

[xiaoluoboding]

大家好，还是我小蘿蔔丁，生活在大理的远程工作者。

这个主题着重分享的是一款谷歌插件 Web Visual Bookmark，它是 bookmark.style 的前身

Web Visual Bookmark

这个插件主要解决的是自身需求，将一个链接转化为类似 Twitter Card 或者 Notion Web Bookmark 的卡片

生成的图片适用于开发者、创作者、公众号写手，它可以美化你的链接，让你的链接“开口说话”

以下图片由 Web Visual Bookmark 生成，链接为： https://www.producthunt.com/posts/bookmark-style

插件提供了几个功能：

• 点击插件 Icon 会将当前 Tab 页链接转化为可视化 Web Bookmark 卡片
• 类似 Twitter Card 布局
• 类似 Notion Web bookmark 布局
• 美化渐变背景（插件中渐变背景是随机的）
• 二维码显隐
• 一键拷贝图片（@2x ）
• 暗色模式

如果想对卡片进行定制，插件提供了配置按钮，点击跳转到 bookmark.style 进行配置

bookmark.style

跳转到 bookmark.style 你可以额外对卡片进行配置

• 美化渐变背景
• 开启磨砂效果
• 卡片圆角设置
• 下载图片

资源

最后顺手骗个 star ，上述提到的工具均开源在 GitHub ，如果你有什么需求，可以在仓库中以 issue 的形式提出

• chrome-web-bookmark - https://github.com/one-tab-group/chrome-web-bookmark
• bookmark.style - https://github.com/one-tab-group/bookmark.style

支持

如果 bookmark.style 帮助到了您，希望不要吝啬您的赞，在 ProductHunt 上帮忙投票支持，分享给你的朋友，又或者 ☕️ 请我喝杯咖啡。

关于小蘿蔔丁

• 生活在大理的远程工作者，聚焦于前端，经常活跃于开源社区
• 可以在 GitHub 上找到我： https://github.com/xiaoluoboding
• 感兴趣的同学也可以关注我的公众号：平时分享一些前端技术栈、前端技术方案、偶尔分享分享在大理的生活见闻。
• 或者在 Twitter 上 Follow 我：日常推一些关于提升前端开发效能、提高生产力的好用工具。

[johnnyNg]

不错

[Asimov01]

看起来不错，这就试试，感谢分享

[iPc666]

Chrome 100 在 webstore 在线安装提示无法解压扩展程序

[Asimov01]

如果卡片上的 logo 和文字能自定义就好了

[lizhenda]

蛮好的呀

[that5]

在线安装提示无法解压扩展程序

[learningman]

支持 opengraph 吗

[xiaoluoboding]

@learningman 是基于 OG 协议的

[kylinC]

点击`复制图片到剪切板`没效果