修复 umami 的favicon

早上逛论坛,看到呆哥提的关于 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://nai.dog/
* 个性:https://oba.by/
* 本文标题: 《修复 umami 的favicon》
* 本文链接:https://nai.dog/2024/04/16787
* 短链接:https://oba.by/?p=16787
* 转载文章请标明文章来源,原文标题以及原文链接。请遵从 《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。


You may also like

47 comments

      1.  Level 4
        Google Chrome 124 Google Chrome 124 Windows 11 Windows 11 cn湖北省武汉市 联通

        折腾坏了又得费老长时间 cry我也没有姐的技术,搞坏了我只能卸了重新来 sad

    1. 公主 Queen 
      Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn山东省青岛市 联通

      确定的吗?改 hosts 了?还是挂梯子啦?
      正常是访问不了duckduckgo的服务的。

      1.  Level 5
        IBrowse r IBrowse r Android 12 Android 12 cn河南省漯河市 联通

        你安装兔兔24.04了吗?我倒腾了一天老安装失败,以前没遇到过,难道现在有硬件限制了?

        1. 公主 Queen 
          Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn山东省青岛市 联通

          木有,目前用的22.04呢
          有错误提示的吧?搜索下看看

  1. Level 5
    Internet Explorer 6 Internet Explorer 6 Mac OS X 10.6 Mac OS X 10.6 us美国加利福利亚州洛杉矶

    灵妹妹的腿更好看了

    1. 公主 Queen 
      Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn山东省济南市 联通

      哈哈哈,是的,原来我都没注意,结果看到有人发就发现了。

    1. 公主 Queen 
      Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn山东省青岛市 联通

      搜索的时候我发现cache 目录下,有个二进制文件也有这个地址,难道这里面的也要改吗?不然的话按理说都改了应该是没问题了啊

  2. Level 3
    Microsoft Edge 124 Microsoft Edge 124 Windows 11 Windows 11 cn甘肃省兰州市 电信

    我使用宝塔docker一键搭建,看了一下,图标好像也不出来,翻墙就出来了

  3.  Level 5
    IBrowse r IBrowse r Android 12 Android 12 cn河南省漯河市 联通

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

      1.  Level 5
        Microsoft Edge 124 Microsoft Edge 124 Windows 11 Windows 11 cn河南省漯河市 联通

        有点麻烦,是我的ICP备案昨天被注销了,只能使用国外的存储,原来用的是七牛的国内的,刚开了国外的。可惜了,备案已经8年了。

            1. 公主 Queen 
              Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn山东省 移动/全省通用

              嗯嗯,如果用其他的服务器,最好弄个二级域名解析到原来的服务商。

    1. 公主 Queen 
      Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn山东省青岛市 联通

      怎么?报错啦?这个程序的兼容性确实是有点问题。

        1.  Level 3
          Google Chrome 124 Google Chrome 124 Mac OS X 10.15 Mac OS X 10.15 cn江苏省南京市 移动

          宝塔倒是有一键部署,就是有点问题,我的实时页面打不开

          1. 公主 Queen 
            Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn山东省青岛市 联通

            你发论坛的那个帖子我看了,感觉是少了个js文件。我对比了一下,js文件路径差不多,找个同版本的替换过去可能能行。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注