Safari 上不显示网站图标
我正在使用 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 中未显示的情况：
注意：我正在尝试显示地球仪图标。
我读过一些类似的问题，其中谈到了清除缓存等，但这些似乎都不起作用。
到目前为止我已经尝试过：
- 清除我所有的 Safari 缓存（清除所有历史记录）
- 清空所有缓存
- 删除 Mac 上 Safari Favicon 缓存文件夹中的所有文件
当我执行了两个操作，然后最初启动 Safari 时，正确的图标会短暂显示在选项卡栏中，然后切换回另一个图标。
我有点不确定在这里做什么。有人有什么想法吗？我需要添加额外的代码吗？任何示例或资源的链接将不胜感激。另外，作为旁注，是否有任何文档链接，我可以在rel=""其中进一步了解所有不同功能的作用？
谢谢。
我想到了 -
要使图标在 Safari 上正确显示，需要两行不同的 HTML 代码。改变线路：
<link rel="icon" href="/images/favicon.ico?v=M44lzPylqQ">
将使 favicon 显示在 Safari 和 Google Chrome 的顶部搜索栏中。
Safari 选项卡上显示的网站图标的管理方式有所不同。这需要对 Safari 固定选项卡的 Apple 遮罩图标使用 HTML 代码。因此，这需要编辑以下代码：
<link rel="mask-icon" href="{{ base_path }}/images/safari-pinned-tab.svg?v=M44lzPylqQ"
color="#000000">
编辑此行将允许图标显示在 Safari 选项卡上。
注意：这两行都是网站图标在 Safari 搜索栏和 Safari 选项卡中显示所必需的。