我的HTML网站的网站图标未显示

问题描述

我正在建立HTML网站,并通过GitHub Pages托管它。您可以在这里查看:http://marcuscodes.me/

以前该代码通常可以正常显示

我也尝试过使用favicons:

    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 

我尝试添加一个?到我的路径,如下所示:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?"> 

但是,它仍然不显示。 我已经尝试了以下步骤:

  • 刷新浏览器缓存
  • 使用其他浏览器
  • 使用其他设备

您可以在此处查看完整的源代码https://github.com/inkthought-labs/website

感谢您的帮助!

解决方法

在您的 index.html 中,您应该使用它来创建收藏夹图标:

<link rel="icon" href="https://i.ibb.co/SBX2vY1/inkthoughtinvis.png">

但是,您忘记了type属性。应该是:

<link rel="icon" type="image/png" href="https://i.ibb.co/SBX2vY1/inkthoughtinvis.png" />

附加说明:如果版权许可允许,最好将图像下载到本地存储,然后将位置设置为 href 属性。在网站托管者删除图像的情况下,它将不会显示。

<link rel="icon" type="image/png" href="https://i.ibb.co/SBX2vY1/inkthoughtinvis.png" />