Django Favicon 问题答案

【问题标题】：Django Favicon issueDjango Favicon 问题
【发布时间】：2023-03-06 19:56:02
【问题描述】：

无论我尝试做什么，我都无法显示图标，当我在视图源选项卡中查找它时，它会加载但不会出现在选项卡图标位置。

我将它导入到 html 中，如下所示：

{% load static %}
<link rel="stylesheet" href="{% static "css/index.css" %}"/>
<link rel="Favicon" type="image/png" href="{% static 'images/icon.png' %}"/>

我这样设置 django staticfile_dirs：

STATICFILES_DIRS = [
    os.path.join('static'),
    os.path.join('static/images'),
    ]

【问题讨论】：

不应该是rel="icon"吗？如果您在浏览器中访问该 URL，会发生什么情况？
当我访问网址时，它会将 img 加载到新标签中
天哪，当我把它 rel="icon" 绘制成 rel="icon"，tnx 很多。

标签： django favicon

【解决方案1】：

尝试 .ico 格式而不是 .png 格式和 rel="shortcut icon" 或 rel="icon"

【讨论】：

【解决方案2】：

rel="…" 属性的值应该是icon [mdn webdocs]，而不是~~Favicon~~：

&lt;link <b>rel="icon"</b> type="image/png" href="{% static 'images/icon.png' %}"/&gt;

【讨论】：

【解决方案3】：

如果您的图片在浏览器中加载，您需要将网站图标链接设为rel="icon" 而不是rel="Favicon"。

见Do you have to include <link rel="icon" href="favicon.ico" type="image/x-icon" />?

此外，您可以添加一个名为“favicon.ico”的 URL 路由来返回您的文件。

如果您的图片无法加载，则说明您的静态资源服务存在问题：https://docs.djangoproject.com/en/dev/howto/static-files/

【讨论】：