关于网站的favicon.ico图标的设置需要注意的几点

01-必须在网页的head标签中放上对icon图标的说明语句:
比如下面这样的语句:

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

否则,浏览器虽然能读到图标,但是不会把图标显示在标签上。

02-为了和本地开发兼容,在Django的HTML模板中最好用静态文件加载的方式去获取ico静态文件。
关于Django静态文件的加载机制和原理,可以参考博文 https://blog.csdn.net/wenhao_ir/article/details/134493471
代码如下:

<link rel="shortcut icon" href="{% static 'app1/other/favicon.ico' %}">

03-如果设置了反向代理,注意还需要配置Nginx的静态文件location块,添加对后缀名为ico的文件的匹配:

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|ico)$
    {
    
    
        expires 30d;
        error_log off;
        access_log /dev/null;
    }

在这里插入图片描述
注意:http和https两处都要更改。

04-如果某个页面没有设置icon的路径,那么浏览器会默认到网站根目录中读取文件favicon.ico,所以除了在静态文件目录中放好favicon.ico文件,最好在网站的根目录也放一个文件favicon.ico。

05-favicon.ico文件的生成可以利用网站:https://www.tools.fun/favicon.html 生成。

猜你喜欢

转载自blog.csdn.net/wenhao_ir/article/details/134664442