相关疑难解决方法(0)

我正在使用 GitHub Pages 构建一个网站，但在让网站图标正确显示时遇到了一些问题。我的理解是，由于兼容性问题，您需要添加各种自定义代码，以确保您的网站图标在不同浏览器上正确显示。

我目前正在使用 Safari 14.0.3 和 Google Chrome 来测试这一点。

我添加了以下 HTML 代码来显示我的网站图标：

<link rel="apple-touch-icon" sizes="60x60" href="/images/favicon_2.png">
<link rel="icon" href="/images/favicon_2.png">

唯一的问题是它没有显示在 Safari 的标签栏上。它可以正确显示在 Google Chrome 和 Safari 顶部的搜索栏中，但不能显示在标签栏中。我提供了以下图片以供参考：

在 Safari 中正确显示的位置：

Safari 中未显示的情况：

注意：我正在尝试显示地球仪图标。

我读过一些类似的问题，其中谈到了清除缓存等，但这些似乎都不起作用。

到目前为止我已经尝试过：

1. 清除我所有的 Safari 缓存（清除所有历史记录）
2. 清空所有缓存
3. 删除 Mac 上 Safari Favicon 缓存文件夹中的所有文件

当我执行了两个操作，然后最初启动 Safari 时，正确的图标会短暂显示在选项卡栏中，然后切换回另一个图标。

我有点不确定在这里做什么。有人有什么想法吗？我需要添加额外的代码吗？任何示例或资源的链接将不胜感激。另外，作为旁注，是否有任何文档链接，我可以在rel=""其中进一步了解所有不同功能的作用？

谢谢。