专栏首页菲宇为Django网站添加favicon.ico图标

为Django网站添加favicon.ico图标

默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求"/favicon.ico"这个URL,目的是获取网站的图标。

favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看。

现在为Django网站添加favicon.ico

首先,你得要有一个favicon.ico文件。我偷懒一下,直接拿来主义,从easy icon直接搜索一个图标。下载ico文件,并改名为favicon.ico。然后我把它放到静态文件目录中 /static/media/favicon.ico

打开Django应用下的urls.py文件。先导入RedirectView,这个是定向的方法。

  1. from django.views.generic.base import RedirectView

再urlpatterns中添加链接,如下所示:

  1. url(r'^favicon\.ico$', RedirectView.as_view(url='/static/media/favicon.ico')),

把请求"/favicon.ico",指向/static/media/favicon.ico 这个文件。

在生产环境测试一下,执行 python manage.py runserver 启动服务器。打开网站,发现出现了图标。

上传到部署的服务器那个图标是不出现的。

需要用最原始的方式添加favicon.ico文件。打开最底层的模版,在head头添加如下代码:

  1. <link rel="shortcut icon" href="/static/media/favicon.ico">

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=24g65sz1l7ogg

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Flask配置静态资源

    1. 简介 flask可对实例、配置模板文件路径、静态文路径进行配置 Flask(import_name, static_url_path=None, st...

    菲宇
  • Django xadmin图片上传与缩略图处理

    默认情况下,StdImageField 存储图像而不修改文件名。 如果您想使用更一致的文件名,可以使用内置的上传调用 比如:

    菲宇
  • Chef 的安装与使用

    Chef 是一款自动化服务器配置管理工具,可以对所管理的对象实行自动化配置,如系统管理,安装软件等。Chef 由三大组件组成:Chef Server、Chef ...

    菲宇
  • 为Django网站添加favicon.ico图标

    默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求"/favicon.ico"这个URL,目的是获取网站的图标。

    小贝壳
  • Spring boot web程序static资源放在jar外部

    spring boot程序的static目录默认在resources/static目录, 打包为jar的时候,会把static目录打包进去,这样会存在一些问题:...

    用户1177380
  • 制作一个标准 ICO 图标

    ICO是Windows的图标文件格式,此格式图标文件可以存储单个图案、多尺寸、多色板的图标文件。一个图标实际上是多张不同格式的图片的集合体,并且还包含了一定的透...

    SkyRiN
  • Python中反人类直觉的特性,你踩过坑吗?

    Python是一个基于C语言实现的解释型高级语言, 提供了很多舒适的功能特性,使用起来非常方便。但有的时候, Python的输出结果,让我们感觉一头雾水,其中原...

    星星在线
  • Ehcache配置详解及CacheManager使用

    timeToIdleSeconds 当缓存闲置n秒后销毁 timeToLiveSeconds 当缓存存活n秒后销毁 缓存配置 name:缓存名称。 ...

    小柒2012
  • 暴力破解及其流行工具研究

    暴力破解是最流行的密码破解方法之一,然而,它不仅仅是密码破解。暴力破解还可用于发现Web应用程序中的隐藏页面和内容,在你成功之前,这种破解基本上是“破解一次尝试...

    周俊辉
  • ES6——函数

    只有在未传递参数,或者参数为 undefined 时,才会使用默认参数,null 值被认为是有效的值传递。

    羊羽shine

扫码关注云+社区

领取腾讯云代金券