obaby@mars
·
100行代码实现 favicon 小工具
💡
原文中文，约4100字，阅读约需10分钟。
📝
内容提要
作者发现统计页面的小图标不显示，决定用Python结合Flask和favicon库自建服务，通过Redis缓存图标数据。代码实现了获取和重定向favicon的功能，用户可以通过API获取图标数据或直接跳转。作者还修改了umami源代码以适应新服务，并提供了代码和服务地址。
🎯
关键要点
- 作者发现统计页面的小图标不显示，决定自建服务解决问题。
- 使用Python结合Flask和favicon库实现服务，代码量约一百行。
- 服务通过Redis缓存图标数据，提供API获取图标或直接跳转功能。
- 修改了umami源代码以适应新服务，并提供了相关代码和服务地址。
- 服务地址为https://favicon.h4ck.org.cn，但不保证服务的可用性。
- 提供了两个接口：获取favicon数据和直接返回favicon链接。
- 代码和服务的完整实现可以在GitHub上找到。
❓
延伸问答
如何使用这个自建的favicon服务？
可以通过两个接口使用：1. 获取favicon数据，使用http://127.0.0.1:5000/api/get_favicon?url=你的网址；2. 直接返回favicon链接，使用http://127.0.0.1:5000/api/redirect_favicon?url=你的网址。
这个favicon服务是用什么技术实现的？
该服务使用Python结合Flask和favicon库实现，代码量约一百行，并通过Redis缓存图标数据。
服务的地址是什么？
服务地址为https://favicon.h4ck.org.cn，但不保证服务的可用性。
如何修改umami源代码以适应新服务？
需要修改umami/src/components/common/Favicon.tsx文件，并重新编译，可能需要调整build脚本以解决依赖问题。
这个服务的功能有哪些？
服务提供获取favicon数据的API和直接跳转到favicon链接的功能。
如何处理favicon获取失败的情况？
如果没有favicon，服务会返回一个默认的favicon链接，确保用户始终能获取到图标。
➡️
