如何在 HTML 页面中添加网站图标？答案

【问题标题】：How do you add a favicon to HTML page?如何在 HTML 页面中添加网站图标？
【发布时间】：2020-02-19 19:25:56
【问题描述】：

我知道这是一个重复的问题，但我试图将 favicon.ico 文件添加到我使用 Django 制作的 localhost:8000 上的网站。 favicon 存在于模板\文章中（在一个名为文章的应用程序中），我在 stackoverflow、youtube 上尝试了所有方法，并使用了 realfavicongenerator.net，但没有任何效果。我是否必须为 ICO 文件定义 Django URL/视图，因为 localhost:8000/favicon.ico 会出现错误？顺便说一下，这是我的（简化的）代码：

<title>Newsreed | Articles</title>
<link rel="shortcut icon" type = 'image/x-icon' href="favicon.ico">

我该怎么办，因为我已经为此苦苦挣扎了好几天了，一直没有解决任何问题。

【问题讨论】：

您不必创建favion.ico 网址。您只需在静态文件夹中添加图像并在 href 中引用，例如 href="{% static 'imags/favicon.png' %}"
仍然没有进展... 当前代码：<link rel = "shortcut icon" sizes = "48x48" href = "{% static 'articles/favicon.png' %}">
我可以帮你。首先，您确定您的文章文件夹中有 favicon.png 吗？您在 chrome 控制台中收到什么错误？

标签： python html django favicon

【解决方案1】：

我喜欢用：

https://www.favicon-generator.org/

它们允许您上传要使用的图像，它会输出一个目录，其中包含图像的所有缩放版本，适用于可以查看您的页面的各种设备，包括您需要复制和粘贴的 html。

【讨论】：

【解决方案2】：

相当确定 href 的语法应该是：href="{% static 'imgs/favicon.ico' %}

【讨论】：

【解决方案3】：

在您网站的每个页面上都有一个网站图标的最佳方法是将其链接到 base.html 和 href="{% static 'articles/favicon.ico' %}。请注意，您也需要将{% load static %} 放入模板中。

【讨论】：

【解决方案4】：

在您的模板或 base.html 顶部编写标准网站图标链接，并确保图标在目录/s 中：

{% load staticfiles %}

<head>
  <link rel="shortcut icon" href="{% static "img/favicon.ico" %}">
  <link rel="icon" href="{% static "img/animated_favicon1.gif" %}">

您可以使用 favicon-generator.org 创建新的网站图标。

【讨论】：

我创建了静态文件夹并进行了更改。带有 img 标签的图像很好，但实际图标仍然没有进展