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

问题描述

一段时间以来，我一直试图让网站图标/网站图标在我的新 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 页面上呈现：

解决方法

您已经使用了 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>

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

favicon favicon github-pages html