Django添加favicon.ico图标的示例代码

(编辑:jimmy 日期: 2025/9/25 浏览:2)

所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。

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

若是没有配置的话,Django就会返回一个404错误,并且浏览器接收到这个404错误后不会显示出来,一般不会被察觉。

但是服务器要是开启日志记录的话,这错误就会一直记录下来,累积一大堆无用的记录。

添加favicon.ico图标的方法有两种

首先先制作一个ico文件,使用PS或者某些在线生成ico的网站即可,我是在下面的网站生成的,当然,你也可以用其他网站!

http://tools.jb51.net/aideddesign/ico_img

下载后将此文件命名为“favicon.ico”后放在static/blog/img/下

方法一、在url.py中添加:

from Django.views.generic.base import RedirectView

urlpatterns=[
  ...
  # favicon.cio
  url(r'^favicon\.ico$', RedirectView.as_view(url=r'static/blog/img/favicon.ico')),   
]

把请求"/favicon.ico",指向static/blog/img/favicon.ico 这个文件,重新部署一下项目就可以看到你想要的效果。

方法二、在页面直接重定向:

<head>
  <meta charset="UTF-8">
  
  {% load staticfiles %}
  
    ...
    <link rel="shortcut icon" href="{%static " rel="external nofollow" blog/img/favicon.ico" %}" />
    ...

</head>

刷新一下,就可以看到效果了哦!!!

记住,一定要把他放在全局head标签里面,这样才会获得应有的效果!!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。