Github Pages 图标未显示使用 png

问题描述

使用 Github Pages 发布网站。我使用 favicon.io 生成 png/链接。 图标在本地有效，但在 Github 页面上无效。 我可以让网站图标正常工作吗（使用 .png）？

我的代码：

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png:/>
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/>
    <link rel="manifest" href="/site.webmanifest"/>

Repo file structure

解决方法

如果它在正确的位置，即在 head 标签内，然后也不起作用，那么我认为问题出在目录上。
由于没有给出你的 GitHub 存储库链接，所以我不能说出确切的答案。

但是如果你的 GitHub 页面链接看起来像这样，example.github.io，那么你是对的，我不知道确切的原因。
但是如果链接看起来像这样，example.github.io/repository（包含存储库链接），然后尝试更改目录，例如，

<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png:/>
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/>
<link rel="manifest" href="./site.webmanifest"/>