Django添加favicon.ico图标

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

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

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

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

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

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

http://www.bitbug.net/

下载后将此文件命名为“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 "blog/img/favicon.ico" %}" />
        ...

</head>

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

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

可以看看我网站的favicon.ico哦,嘿嘿,很酷吧!!!

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端开发

超详细动手搭建一个Vuepress站点及开启PWA与自动部署

类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。

8116
来自专栏移动端周边技术扩展

Vue.js学习笔记(3)

1192
来自专栏游戏杂谈

自定义Flex Library的使用

一般为了达到资源或是组件的共用,会用到flex library。在flex library可以添加swf、图片资源或的引用。

852
来自专栏Golang语言社区

Golang实现线程池

package main import "fmt" import "time" //这个是工作线程,处理具体的业务逻辑,将jobs中的任务取出,处理后将处理结果...

51510
来自专栏守望轩

Visual Studio 2008 每日提示(二十六)

#251、在文件中保存扩展名的映射 原文链接:You can save your file extension mappings to a file 操作步骤...

3534
来自专栏web

webstorm常用功能快捷方式

1773
来自专栏前端

前后端分离ueditor富文本编辑器的使用-Java版本

最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的u...

1.3K10
来自专栏自动化测试实战

获取响应头与发送头

4456
来自专栏黑白安全

让我们一起认识PHP!

Hi,大家好我是你们熟悉的Script.M很久没发文章了包括之前一直在转载别人的文章今天小编突然良心发现还是写一篇关于自己的文章吧!但是吧Script.M就精通...

996
来自专栏日常分享

JSP/Servlet Web 学习笔记 DayThree —— 实现一个登陆小界面

  利用JSP、HTML、JS实现了一个简易的登陆系统。根据前两天的所学,实现了如下功能:

1102

扫码关注云+社区