修复 umami 的favicon

2024年4月29日 47 条评论

早上逛论坛，看到呆哥提的关于 umami 的favicon不显示的问题，猜测肯定是个通病，不过这个东西之前自己看统计也就看个数。所以没注意显示不显示。

现在知道这个问题了，那么就想着修复一下：

原来用的地址是：

https://icons.duckduckgo.com/ip3/

呆哥提供了一个新的网址：

https://favicon.cccyun.cc/

要修复这个问题，如果是源码安装的话直接修改umami/src/components/common/Favicon.tsx文件为以下内容：

import styles from './Favicon.module.css';

function getHostName(url: string) {
  const match = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n?=]+)/im);
  return match && match.length > 1 ? match[1] : null;
}

export function Favicon({ domain, ...props }) {
  if (process.env.privateMode) {
    return null;
  }

  const hostName = domain ? getHostName(domain) : null;

  return hostName ? (
    <img
      className={styles.favicon}
      src={`https://favicon.cccyun.cc/${hostName}`}
      width={16}
      height={16}
      alt=""
      {...props}
    />
  ) : null;
}

export default Favicon;

执行 yarn build 重新编译启动服务就 ok 了：

如果是 docker 部署可能需要修改的文件有点多：

grep -r "icons.duckduckgo.com" umami/ >grep.txt

docker 部署，我没测试，这是理论上的情况。

☆版权☆

* 网站名称：obaby@mars
* 网址：https://obaby.org.cn/
* 个性：https://oba.by/
* 本文标题：《修复 umami 的favicon》
* 本文链接：https://obaby.org.cn/2024/04/16787
* 短链接：https://oba.by/?p=16787
* 转载文章请标明文章来源，原文标题以及原文链接。请遵从《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。

favicon umami

Previous Post Next Post

obaby

爱好广泛的火星小妖精，有问题欢迎留言交流啊~(✪ω✪) 爬虫类工具请先点击这个链接查看用法https://oba.by/?p=12240 闺蜜圈APP下载 https://guimiquan.cn

47 comments

LiuShen说道：

2024年4月29日 10:28

Google Chrome 124 Windows 11 中国–湖北–武汉联通
能运行我已经很知足了，不敢折腾这些了

回复
1. obaby说道：
  
  2024年4月29日 10:35
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
  继续折腾啊，嘻嘻
  
  回复
  1. LiuShen说道：
    
    2024年4月29日 10:39
    
    Google Chrome 124 Windows 11 中国–湖北–武汉联通
    折腾坏了又得费老长时间我也没有姐的技术，搞坏了我只能卸了重新来
    
    回复
1900说道：

2024年4月29日 11:50

Google Chrome 124 Windows 11 中国–四川–自贡移动
为啥我这里一直都是正常的。

回复
1. obaby说道：
  
  2024年4月29日 13:14
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
  确定的吗？改 hosts 了？还是挂梯子啦？
  正常是访问不了duckduckgo的服务的。
  
  回复
  1. 1900说道：
    
    2024年4月29日 14:06
    
    Google Chrome 124 Windows 11 中国–四川–自贡移动
    没有，
    机器是腾讯云的广州轻量云。
    
    回复
    1. obaby说道：
      
      2024年4月29日 14:10
      
      Google Chrome 122 Android 10 中国–山东–济南联通
      这就厉害啦。
      
      回复
皇家元林说道：

2024年4月29日 12:36

Safari 17 iPhone iOS 17.4.1 中国–安徽–合肥–肥西县电信
你的是源码安装？是什么环境？

回复
1. obaby说道：
  
  2024年4月29日 13:23
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
  就普通的 ubuntu 22.04 啊
  
  回复
  1. 皇家元林说道：
    
    2024年4月29日 16:49
    
    Safari 17 iPhone iOS 17.4.1 中国–安徽–合肥–肥西县电信
    不是，我的意思是 PHP 还是 Python 的？
    
    回复
    1. obaby说道：
      
      2024年4月29日 17:07
      
      Google Chrome 122 Android 10 中国–山东–济南联通
      貌似都不是，我也没注意
      
      回复
  2. 似水流年说道：
    
    2024年4月29日 20:25
    
    IBrowse r Android 12 中国–河南–漯河联通
    你安装兔兔24.04了吗？我倒腾了一天老安装失败，以前没遇到过，难道现在有硬件限制了？
    
    回复
    1. obaby说道：
      
      2024年4月29日 21:10
      
      Google Chrome 120 Windows 10 中国–山东–青岛联通
      木有，目前用的22.04呢
      有错误提示的吧？搜索下看看
      
      回复
      1. 似水流年说道：
        
        2024年4月29日 21:24
        
        IBrowse r Android 12 中国–河南–漯河联通
        有搜索提示，看不懂，实在不行我装老版本再升级。
        
        回复
爱看说道：

2024年4月29日 13:15

Internet Explorer 6 Mac OS X 10.6 美国–加利福尼亚州–洛杉矶–洛杉矶
灵妹妹的腿更好看了

回复
obaby说道：

2024年4月29日 13:23

Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
就普通的的ubuntu 22.04 啊

回复
dujun说道：

2024年4月29日 13:25

Google Chrome 124 Mac OS X 10.15 中国–浙江–杭州华数
真会拍，这个角度看去这么直

回复
1. obaby说道：
  
  2024年4月29日 14:00
  
  Google Chrome 122 Android 10 中国–山东–济南联通
  哈哈哈酱紫的吗这不是慢慢学习嘛
  
  回复
揽星说道：

2024年4月29日 14:25

Google Chrome 124 Windows 10 中国–江苏–盐城移动
能跑起来吗？能跑起来就不折腾

回复
1. obaby说道：
  
  2024年4月29日 14:52
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–济南联通
  能跑哒，效果还 ok
  
  回复
老麦说道：

2024年4月29日 15:15

Google Chrome 124 Mac OS X 10.15 中国–广东–清远电信
吓？这是强迫症犯了吗？

回复
1. obaby说道：
  
  2024年4月29日 15:17
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–济南联通
  哈哈哈，是的，原来我都没注意，结果看到有人发就发现了。
  
  回复
Dabenshi说道：

2024年4月29日 15:54

Google Chrome 124 Windows 10 中国–北京–北京电信
突然想起，我FreshRSS没有头像…

回复
1. obaby说道：
  
  2024年4月29日 16:00
  
  Google Chrome 122 Android 10 中国–山东–济南联通
  哈？为啥？赶紧改吧
  
  回复
阿呆说道：

2024年4月29日 23:59

Google Chrome 124 Mac OS X 10.15 中国–江苏–南京移动
该改的我都改了，但就是不生效..

回复
1. obaby说道：
  
  2024年4月30日 08:39
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
  搜索的时候我发现cache 目录下，有个二进制文件也有这个地址，难道这里面的也要改吗？不然的话按理说都改了应该是没问题了啊
  
  回复
休咖社说道：

2024年4月30日 08:49

Chrome 93 iPhone iOS 13.3 中国–四川移动/数据上网公共出口
虽然我没有，但不妨碍我学习

回复
1. 粽叶加米说道：
  
  2024年4月30日 09:34
  
  Google Chrome 124 Windows 11 中国–广东–东莞电信
  同意！
  
  回复
Long He说道：

2024年4月30日 11:38

Microsoft Edge 124 Windows 10 中国–云南–昆明移动
哈哈哈，能跑绝对不会动（其实是不会改）

回复
1. obaby说道：
  
  2024年4月30日 12:42
  
  Google Chrome 118 Mac OS X 10.15 中国–山东–青岛联通
  不动就对啦
  
  回复
段先森说道：

2024年4月30日 16:38

Microsoft Edge 124 Windows 11 中国–甘肃–兰州电信
我使用宝塔docker一键搭建，看了一下，图标好像也不出来，翻墙就出来了

回复
1. obaby说道：
  
  2024年4月30日 18:02
  
  Google Chrome 122 Android 10 中国–山东–青岛联通
  翻墙肯定是可以哒
  
  回复
记录美好生活说道：

2024年4月30日 19:34

Microsoft Edge 124 Windows 11 中国–重庆–重庆电信
大佬我又来了

回复
1. obaby说道：
  
  2024年4月30日 19:36
  
  Google Chrome 120 Windows 10 中国–山东–青岛联通
  好久不见呢~~欢迎哦
  
  回复
似水流年说道：

2024年5月1日 23:46

IBrowse r Android 12 中国–河南–漯河联通
电脑系统刚才终于好了，兔兔24.04也搞定了，本来想写篇记录，发现网站也出问题了。图片始终上传不到七牛云，一会儿是上海龙翊一会儿是世纪互联拦截，并且还不知道是宝塔插件、网站插件还是七牛云的问题，相当的郁闷。

回复
1. obaby说道：
  
  2024年5月2日 13:04
  
  Google Chrome 122 Android 10 中国–山东–青岛联通
  嗯嗯解决问题确实比较麻烦修好了吗？
  
  回复
  1. 似水流年说道：
    
    2024年5月2日 13:26
    
    Microsoft Edge 124 Windows 11 中国–河南–漯河联通
    有点麻烦，是我的ICP备案昨天被注销了，只能使用国外的存储，原来用的是七牛的国内的，刚开了国外的。可惜了，备案已经8年了。
    
    回复
    1. obaby说道：
      
      2024年5月2日 13:39
      
      Google Chrome 122 Android 10 中国–山东–青岛联通
      掉了？还是自己注销的？
      
      回复
      1. 似水流年说道：
        
        2024年5月2日 13:42
        
        Microsoft Edge 124 Windows 11 中国–河南–漯河联通
        掉了，空间不是在国外吗，可能检测出来了。
        
        回复
        
        obaby说道：
        
        2024年5月2日 19:04
        
        Google Chrome 118 Mac OS X 10.15 中国–山东移动/全省通用
        嗯嗯，如果用其他的服务器，最好弄个二级域名解析到原来的服务商。
        
        回复
灰常记忆说道：

2024年5月4日 17:45

Microsoft Edge 123 Android 10 中国–陕西–西安移动
这个统计我试过玩不转😊

回复
1. obaby说道：
  
  2024年5月4日 21:57
  
  Google Chrome 120 Windows 10 中国–山东–青岛联通
  怎么？报错啦？这个程序的兼容性确实是有点问题。
  
  回复
  1. 灰常记忆说道：
    
    2024年5月5日 12:48
    
    Microsoft Edge 123 Android 10 中国–陕西–西安移动
    安装啥的感觉不方便
    
    回复
    1. 阿呆说道：
      
      2024年5月5日 21:55
      
      Google Chrome 124 Mac OS X 10.15 中国–江苏–南京移动
      宝塔倒是有一键部署，就是有点问题，我的实时页面打不开
      
      回复
      1. obaby说道：
        
        2024年5月5日 21:57
        
        Google Chrome 120 Windows 10 中国–山东–青岛联通
        你发论坛的那个帖子我看了，感觉是少了个js文件。我对比了一下，js文件路径差不多，找个同版本的替换过去可能能行。
        
        回复
小乔说道：

2024年5月10日 23:50

Google Chrome 124 Windows 11 中国–辽宁–沈阳移动
我蹭，用姐姐的统计好久啦，还蛮好用的

回复
1. obaby说道：
  
  2024年5月11日 06:37
  
  Google Chrome 124 Android 10 中国–山东–青岛联通
  嗯嗯好久不见哎你这都成变更博主了
  
  回复