在上一篇文章 沙雕图发布流程再优化,本地存储+自动配音生成视频 中,我有预告会分享我在公众号文章中插入链接二维码所使用的工具,老狗我向来言出法随的,今天就正式把我的二维码生成工具做成独立的 Chrome 扩展,开源出来啦。

Image

这种带页面标题和链接信息的二维码,我在自己的两个公众号上面都有大量使用。

前世今生

之前远程工作者停更,也有很大一部分原因是放超链接太不方便了,而我分享的又大都是资源类的内容,链接使用的比较频繁,作为个人订阅号,没有外链权限,想要让读者能够方便的跳转到目标链接,还真是不容易。

回想自己一步步改进插入链接二维码方式的心路历程,还真是有点自我感动:

  1. 分享工具 - 设计工具,二维码生成器,计算器以及侧边栏笔记 的时候,我是使用二维码生成的网站,搭配一个在线设计工具网站制作卡片模板,每次疯狂复制粘贴,才能搞定一个二维码卡片的制作。
  2. 自动化:小书签已经不够用了,上油猴脚本!的时候,我是借助油猴脚本来通过 Canvas 绘制二维码信息卡,已经快了很多了,但是只能支持特定的网站。
  3. 之后我还分享了如何借助 Vibe Coding 来一步步制作二维码信息卡生成器的详细过程。自动化:借助 AI 为 Pixilart 网站创建二维码分享卡片

后来又做了更通用的生成器在自用 Chrome 扩展里面,已经极大的提高了效率了。

Image

这一步步的改进,都是在慢慢积累力量,提高效率,我很喜欢这种慢慢进步的感觉。

上线 Chrome 商店

当我自己日常使用已经没有什么大问题的时候,我把这个功能发布成了一个独立的 Chrome 浏览器扩展,开源并上线到了 Chrome Webstore.

https://chromewebstore.google.com/detail/link-qrcode-generator/jbadicnkfjhcogmfcbkgdbfefnkekblj

主要特性:

  • 🚀 一键生成:立即创建包含页面标题和URL的二维码
  • 🔍 信息丰富的二维码:用户在扫描前即可看到网页详情 - 告别盲目链接!
  • 🔄 自动填充:自动填充当前页面信息
  • ✏️ 可自定义:随时编辑标题或URL - 二维码立即更新
  • 📋 轻松分享:右键点击复制或保存二维码图片
  • 🌐 多语言支持:支持英文和中文
  • 🔒 安全本地:二维码完全在本地生成,不会向任何服务器发送数据

代码开源

项目同时也开源在 Github

https://github.com/greatghoul/CrxLinkQRCode

目前生成卡片的功能还比较简单,只有一种样式,宽度也是固定的,不过后面我都会改进的,添加更多的定制功能、卡片样式和排版,以适应更多场景。

我只做了对 Chrome 浏览器的适配,别的内核的浏览器,我没有做测试,如果不可以用,你可以尝试自己修改代码,本项目使用宽松的 MIT 开源协议。

扩展采用无构建方式开发,修改文件立即生效,不需要复杂的 Build 过程,即使你不太懂开发,也可以借助 AI 来做简单的修改和样式调整。

免安装版本

除了扩展程序,我也提供了一个免安装的在线版本,不过在线版本因为没有办法借力 Chrome Extension 的 API 来获取网页信息,抓取网页标题的功能对于一些反爬限制比较强的网站,可能会失效,有时需要自己编辑修改标题。

Image

https://feathertools.top/rich-qrcode


文章同步发表于微信公众号老狗拾光,欢迎关注。

微信公众号老狗拾光