最近在开发 Next Idea NewTab 时遇到一个问题。这个插件的工具库部分需要显示各种第三方网站的 logo,本来使用 Google 的 favicon 服务效果很好,但是你懂的,国内用户打开就看到 logo 了。
中间考虑过几种方案,效果都不满意,昨天突然想到 CloudFlare R2 可以薅免费存储和 CDN,于是鼓捣了一个小工具:Image URL Converter。
这个小工具让你只需要输入图片原始 URL,就会自动上传到 R2,然后返回图片 CDN 地址。源码里也实现了 API,所以如果觉得手动在前端操作比较麻烦,也可以把 API 集成到你的项目里。
因为涉及到私有 key 的使用,所以没有搭建公开访问的 demo,大家有需要可以 fork 源码,在本地跑一跑,README 提供了 0 门槛操作指导。
开源地址:https://github.com/weijunext/image-url-converter
页面展示:
现在 👉 Next Idea NewTab 插件中的所有图片都使用这个方案处理图片,确保了全球用户都能稳定访问,希望国内开发者也多多支持。