github.io 网站图标/网站图标未呈现

Question

我一直试图让网站图标/favicon 在我的新 GitHub.io 网站上工作一段时间，但没有任何运气。我一直在我的 index.html 文件所在的主目录中工作。

我的网站图标的位置：

在 index.html 的部分，我在不同时间尝试了以下所有内容，甚至进行了硬刷新：

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="shortcut icon" type="image/x-png" href="favicon.png">
<link rel="icon" href="http://mindyng.github.io/mindy.ico?v=2" />

以上方法均无效。

我的期望： 我以前网站上的相同图标：

我得到了什么： 目前正在显示什么：

网站图标未在我的 LinkedIn 页面上呈现：

Answer 1

您使用了default 布局，如here. 所示，它为您提供了代码
标题：

<!DOCTYPE html>
    <html>
      <head>
        <link rel="stylesheet" type="text/css" href="/css/main.css">
     </head>
    <body>
    <nav>
    <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
    <li><a href="/cv">CV</a></li>
    <li><a href="/blog">Blog</a></li>
    </ul>
    </nav>
    <div class="container">

在这两者之间你有你自己的代码，你在其中使用了favicon，它在第一个head标签之外，在第二个标签之内，这导致了问题。

页脚：

</div>
<footer>
   <ul>
   <li><a href="mailto:mindyng8855@gmail.com">email</a></li>
   <li><a href="https://github.com/mindyng">github.com/mindyng</a></li>
   </ul>
  </footer>
  </body>
</html>

将favicon放在the layout的head标签内或者不要在布局中关闭head标签，而是在{{ content }}中关闭。