修复 Django 中损坏的 Favicon

当前位置：主页 > 学无止境 > 编程语言 > Python >

Python PHP Java Go TypeScript C++ Vba Node.js C语言 MATLAB

修复 Django 中损坏的 Favicon

作者：迹忆客最近更新：2023/05/04 浏览次数：

本文介绍如何在 Django 应用程序中设置新的图标或修复损坏的图标。

favicon 一词代表收藏夹图标。它是应用标题左侧浏览器选项卡中的一个图标。

在这里，您还可以在当前浏览器选项卡中看到 DelftStack 的徽标作为图标。简而言之，网站图标代表您的品牌和您的应用程序名称。

通常，Django 应用会在 urls.py 文件中查找 favicon.ico 路径，如果找不到，则会设置默认的 HTML 图标。

下面，我们解释了 Django 开发人员如何为 Web 应用程序设置自定义图标。

修复 Django 中损坏的 Favicon

在我们开始修复损坏的图标之前，用户必须已经启动了新的 Django 项目并在其中创建了一个新的应用程序。另外，确保用户已经设置了项目和应用程序的 urls.py 文件。

现在，我们将静态目录添加到我们的 Django 项目中，并在其中存储图像和图标。

用户需要在当前项目目录下打开终端，输入以下命令新建一个静态目录。

mkdir static

现在，从互联网上下载网站图标并将其存储在应用程序的静态目录中。此外，用户可以将 favicon 从另一个位置复制并粘贴到静态目录（如果它驻留在本地计算机中）。

现在，打开 settings.py 文件以添加应用静态目录的路径。在 settings.py 文件末尾添加以下代码。

在下面的代码中，/static/ 代表您需要设为静态的目录名称，BASE_DIR 代表您的项目目录。

settings.py：

import os
STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),]

此外，用户必须确保将“django.contrib.staticfiles”添加到 settings.py 文件内的 INSTALLED_APPS 数组中。用户可以在下图中观察它是如何添加到 INSTALLED_APPS 中的。

django 安装的应用程序

接下来，我们假设用户在应用程序中有一个基本模板或任何单个模板。用户必须加载 HTML 模板内的静态目录。

用户在 HTML 文件的顶部添加以下代码以加载静态目录。

{% load static %}

现在，用户必须在模板中添加一些 HTML 代码。要设置自定义图标，用户可以将以下代码添加到 HTML 模板的标记中。

在下面的代码中，我们使用了 <link> 标签来添加一个图标。 <link> 的 rel 属性指定当前文档和加载文档之间的关系。

我们将快捷方式图标作为一个值，代表网站图标。在 href 属性中，我们添加了带有 static 关键字的图像 URL，以从静态目录加载它。

<link rel="shortcut icon" type="image/png" href="{% static '<Relative Icon Path In Static Directory>' %}"/>

下面，用户可以看到完整的 HTML 模板代码。

{% load static %}
<!doctype html>
<html lang="en">
  <head>
    <title>Setup New Favicon In Django</title>
    <link rel="shortcut icon" type="image/png" href="{% static 'delftstack.jpg' %}"/>
  </head>
  <body>
    <h1>Welcome to Jiyik!</h1>
  </body>
</html>