这几天查看统计的时候发现统计页面的小图标不显示了。
图标变成了一个白色方框，这个umami 一直无法加载 favicon，之前换成了：https://favicon.cccyun.cc/h4ck.org.cn
现在这个服务貌似证书过期了，也没人维护，看来也没多少人用啊：
本着能动手尽量别 bb 的理念，既然不能用了那就自建服务吧。
个人觉得最简单的代码还是通过 python 实现，依赖于 flask + favicon 库，只需要一百行代码就 ok 了。实现方式，通过 favicon 库获取图标，将图标数据缓存到 redis，再次请求直接返回 redis 缓存数据。完整代码如下：
import json
from flask import Flask, request, redirect, jsonify
import favicon
import redis
import json
from urllib.parse import urlparse
app = Flask(__name__)
rds = redis.Redis(host='localhost', port=6379, db=1)
def get_domain_from_url(url):
parsed_uri = urlparse(url)
return 'https://{uri.netloc}'.format(uri=parsed_uri)
def get_query_count():
key = 'QUERY_COUNT'
count = 1
if rds.exists(key):
count = int(rds.get(key))
return count
def set_query_count():
key = 'QUERY_COUNT'
count = 1
if rds.exists(key):
count = int(rds.get(key))
count += 1
rds.set(key, count)
return count
def get_icon_list_from_rds(key):
if rds.exists(key):
# print('cached')
cashed = rds.get(key)
js = json.loads(cashed)
return js
icons = favicon.get(key)
# rds.set('url',icons,)
icon_list = []
for i in icons:
data = {
'url': i.url,
'width': i.width,
'height': i.height,
'format': i.format
}
icon_list.append(data)
js_str = json.dumps(icon_list)
rds.setex(key, 86400, js_str)
return icon_list
@app.route('/')
def hello_world(): # put application's code here
return ('--------------------------- <br> '
'Query count:' + str(get_query_count()) + '<br>'
'=========================== <br> '
'Baby Favicon Tool v1.0 \r\n<br> by:obaby \r\n <br><a href="https://oba.by" target="_blank">https://oba.by</a> <br>\r\r '
'<a href="https://h4ck.org.cn" target="_blank">https://h4ck.org.cn</a>')
# http://127.0.0.1:5000/api/get_favicon?url=https://h4ck.org.cn
@app.route('/api/get_favicon')
def search():
query = request.args.get('url')
if '.' not in query:
return 'invalid url'
if not query.startswith('http'):
query = 'http://' + query
icons = get_icon_list_from_rds(query)
set_query_count()
# icons_str = json.dumps(icons)
return jsonify(icons)
@app.route('/api/redirect_favicon')
def redirect_icon():
query = request.args.get('url')
if '.' not in query:
return 'invalid url'
if not query.startswith('http'):
query = 'http://' + query
set_query_count()
icons = get_icon_list_from_rds(query)
try:
icon_url = icons[0]['url']
except:
icon_url = 'https://h4ck.org.cn/wp-content/uploads/2024/09/favicon.png'
return redirect(icon_url, code=302)
if __name__ == '__main__':
app.run()
到这里这个服务就算完成了，后续就是通过 nginx 反代了，经常反代的朋友都回了，我就不写了。
修改 umami 源代码：vim umami/src/components/common/Favicon.tsx
修改划线部分为上述内容，重新编译即可，编译过程中很可能会卡在 build-geo.修改 build 脚本 vim scripts/build-geo.js
这个破玩意儿 bug 之处在于，如果使用 github 代理，下载过程会出错，第二部分的实时解压就挂了，这个逻辑也是 tm 神了，不能下载完再解压吗？
直接下载第一处gz 文件解压，将 GeoLite2-City.mmdb放入geo 目录下，注释掉第二部分执行 yarn build 即可。不得不多，这 dq 真是给程序员创建了无数的便利，就尼玛离谱。重新启动服务一切就 ok 了。
图标又回来了，现有服务地址： https://favicon.h4ck.org.cn (不保证服务可用性，有时候的确是懒不想折腾了，之前的 gravatar 忽然因为 cdn 问题就失效了，结果删除重建也不行就放弃了。这个实属无奈，但是基本都会保证一个可用的服务。)
使用方法：
接口：
1. 获取 favicon 数据，返回 json 格式
http://127.0.0.1:5000/api/get_favicon?url=oba.by
返回数据内容：
```json
[
{
"format": "png",
"height": 300,
"url": "https://oba.by/wp-content/uploads/2020/09/icon-500-300x300.png",
"width": 300
},
{
"format": "png",
"height": 200,
"url": "https://oba.by/wp-content/uploads/2020/09/icon-500-200x200.png",
"width": 200
},
{
"format": "png",
"height": 192,
"url": "https://oba.by/wp-content/uploads/2020/09/icon-500-200x200.png",
"width": 192
},
{
"format": "png",
"height": 32,
"url": "https://oba.by/wp-content/uploads/2020/09/icon-500-100x100.png",
"width": 32
},
{
"format": "ico",
"height": 0,
"url": "https://oba.by/favicon.ico",
"width": 0
},
{
"format": "jpg",
"height": 0,
"url": "https://h4ck.org.cn/screenshots/obaby_tuya.jpg",
"width": 0
}
]
```
2. 直接返回 favicon 链接
http://127.0.0.1:5000/api/redirect_favicon?url=oba.by
返回数据内容为上述接口的第一个结果，例如上面的 域名将会直接 302跳转到 https://oba.by/wp-content/uploads/2020/09/icon-500-300x300.png
如果没有 favicon 将会返回默认连接：https://h4ck.org.cn/wp-content/uploads/2024/09/favicon.png
代码地址：
https://github.com/obaby/baby-favicon-tool.git
63 comments
我昨天想起来试一下你的 gravatar 发现打不开
g.obaby.blog 这个还是可以的，目前我用的是这个。那个不知道 cdn 怎么抽风了，死活不能回源。
亮丝和肉丝比，还是更爱灵妹妹的肉丝
这个是因为太阳反光了，并没有那么亮。
哈哈！
前几天我也在折腾favicon，前、后台显示不一样，而follow里不显示，为了一个上图标，也折腾了一晚上。
这个东西，网上也找了几个地址，发现有的根本获取不到。
所以就自建了
用这个 https://unavatar.io/www.jeffer.xyz
这东西功能够丰富啊，然鹅
尴尬啦，好像有的上cdn没法获取。😂我用获取主体大部分都是海外。估计被防御挡住了。
应该不是cdn！我的可以获取哦
可能跟我的 cdn 策略有关系，国外默认开启防御，之前天天被 cc 攻击。
可能跟防御策略有关系，国外是默认开启的。不然老有沙雕来 cc
好方法，测试了一下，不但拿到了favicon，连封面图都能获取到。
啊。还有这个意外收获，这倒没注意。哈哈哈
姐的图片都是存哪的
又拍云被盗刷两百多都不敢用了 
图片就在服务器上扔着，套了个带防御的 cdn，我目前用的 https://scdn.ddunyun.com/#/dashboard
晓得了
之前看到好多开源php版本的，还是有些图片获取不到，get了。👍
我记得前一段你写了个好物推荐页面的文章，怎么没找到啊？
你说的是这个东西吗？https://h4ck.org.cn/my-devices
就是这个，我记得你发过源码的那篇文章。
this one https://h4ck.org.cn/2024/07/17545
扫得斯乃，谢谢钟妹，我搜索搜错关键词了。
这种一般搜索 抄作业，😂
有技术的就是厉害呀，一言不合就自己开干
主要是站在巨人的肩上，确实没啥难度，哈哈哈
我也是一言不合就开始改，不过还是太懒啦，怎么简单怎么来
一百来行代码能解决的就干，超过一千行就想放弃了。😂
我一直以为不显示图标是没开梯子的缘故
umami自带的是需要开梯子的(用的 duckduckgo 的https://icons.duckduckgo.com/ip3/)，后来我给换了，结果这个也挂了，就不如自建一个。
滴，打卡
滴 老年卡
滴，学生卡
动手能力真强啊
雕虫小技
额，我比较喜欢用PHP的。。
不会php
一个图标引发的
不可思议
主要吧，好多开放的借口效果不大行感觉
另一方面，就是你编程代码能力强哈。毫不费力的感觉。
不过我是docker部署的，懒得折腾啦！
umami好像就没显示过我站点头像
自己动手丰衣足食👍
是哒，奈何好多开放的借口不好用啊
国产程序员的特殊技能。
被逼无奈，😂
全干工程师
当时RSS朋友圈就是因为这个问题，走了捷径，调用{foto-1}，回头再调回来
所以你也写了一个服务？
我找了下我之前的插件代码，gpt生成的，用了一个平台 ，应该是一个第三方的库。
评论等级显示图片没有哦！
哪个等级图片？
不懂就问，这玩意干嘛的？
为了获取网站小图标
https://favicon.cccyun.cc/h4ck.org.cn我这打开后可以，且迅速关闭怕被误会
看来是证书更新了
厉害，厉害，技术女神，感觉会写代码的都很牛逼，那么会写代码的女神就更不简单了。哈哈
码农，码农而已
看来，我得给我的网站做一个“统计”页面了。
https://favicon.cccyun.cc/h4ck.org.cn
在课上打开了，幸亏没人看见