修复 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. Google Chrome 124 Google Chrome 124 Windows 11 Windows 11 cn中国–湖北–武汉 联通

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

    1. Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn中国–山东–青岛 联通

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

      1. IBrowse r IBrowse r Android 12 Android 12 cn中国–河南–漯河 联通

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

        1. Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn中国–山东–青岛 联通

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

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

    灵妹妹的腿更好看了

    1. Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn中国–山东–济南 联通

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

    1. Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn中国–山东–青岛 联通

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

  2. Microsoft Edge 124 Microsoft Edge 124 Windows 11 Windows 11 cn中国–甘肃–兰州 电信

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

  3. IBrowse r IBrowse r Android 12 Android 12 cn中国–河南–漯河 联通

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

      1. Microsoft Edge 124 Microsoft Edge 124 Windows 11 Windows 11 cn中国–河南–漯河 联通

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

            1. Google Chrome 118 Google Chrome 118 Mac OS X 10.15 Mac OS X 10.15 cn中国–山东 移动/全省通用

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

    1. Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn中国–山东–青岛 联通

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

        1. Google Chrome 124 Google Chrome 124 Mac OS X 10.15 Mac OS X 10.15 cn中国–江苏–南京 移动

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

          1. Google Chrome 120 Google Chrome 120 Windows 10 Windows 10 cn中国–山东–青岛 联通

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

发表回复

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