在上一篇文章 沙雕图发布流程再优化，本地存储+自动配音生成视频 中，我有预告会分享我在公众号文章中插入链接二维码所使用的工具，老狗我向来言出法随的，今天就正式把我的二维码生成工具做成独立的 Chrome 扩展，开源出来啦。
这种带页面标题和链接信息的二维码，我在自己的两个公众号上面都有大量使用。
前世今生
之前远程工作者停更，也有很大一部分原因是放超链接太不方便了，而我分享的又大都是资源类的内容，链接使用的比较频繁，作为个人订阅号，没有外链权限，想要让读者能够方便的跳转到目标链接，还真是不容易。
回想自己一步步改进插入链接二维码方式的心路历程，还真是有点自我感动：
1. 分享工具 - 设计工具，二维码生成器，计算器以及侧边栏笔记 的时候，我是使用二维码生成的网站，搭配一个在线设计工具网站制作卡片模板，每次疯狂复制粘贴，才能搞定一个二维码卡片的制作。
2. 自动化：小书签已经不够用了，上油猴脚本！ 的时候，我是借助油猴脚本来通过 Canvas 绘制二维码信息卡，已经快了很多了，但是只能支持特定的网站。
3. 之后我还分享了如何借助 Vibe Coding 来一步步制作二维码信息卡生成器的详细过程。 自动化：借助 AI 为 Pixilart 网站创建二维码分享卡片
后来又做了更通用的生成器在自用 Chrome 扩展里面，已经极大的提高了效率了。
这一步步的改进，都是在慢慢积累力量，提高效率，我很喜欢这种慢慢进步的感觉。
上线 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 来获取网页信息，抓取网页标题的功能对于一些反爬限制比较强的网站，可能会失效，有时需要自己编辑修改标题。
https://feathertools.top/rich-qrcode
评论
发表评论