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

tp5buhyn 于 2023-02-17 发布在 Git

关注(0)|答案(2)|浏览(175)

我一直试图让网站图标/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页面上呈现的favicon：

Html

来源：https://stackoverflow.com/questions/65743917/github-io-website-icon-favicon-not-rendering

2条答案

按热度按时间

kmynzznz1#

您已经使用了如下所示的default布局，其中提供了以下代码

标题：

<!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 }}中关闭它。

赞(0）回复(0）举报 2023-02-17

k3bvogb12#

看起来这个问题是在LI方面。他们的代码更新最终让我的github.io网站图标呈现大约一年或更久以前
screeenshot from my LI page's Featured Carousel

赞(0）回复(0）举报 2023-02-17