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


You may also like

21 comments

      1.  Level 3
        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 4
    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山东省济南市 联通

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

发表回复

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