解决favicon.ico无法显示的问题
今天在做站的时候发现网站favicon.ico图标不显示啊！
favicon是什么？
其实我们在浏览器看网页的时候，在地址栏的左边，你就可以看到一个小的图标（每个网站都不一样）。这就是网站的favicon文件，它其实是一图片文件。像我们熟知的百度、谷歌、新浪都有自己的favicon文件。
就像我这个一样
好吧，
那我们怎么给自己的网站安装一个favicon文件呢？
我查了好多资料，
总结了以下几个步骤：
第一步、你要确定你网站的主题和图案所选，因为favicon文件时代表你网站的标志。制作好图片之后就可以用工具制作了，具体请搜“favicon在线制作”，上传好图片后，就可以选择生成一个32x32像素或64x64像素的favicon文件。
第二步、将你做好的favicon图片文件上传至你网站的根目录下，即www目录下。且保证命名为favicon.ico。
第三步：把这句代码<link rel="icon" href="/favicon.ico" type="image/x-icon" /> 加在<head>...</head>里
ps：这个是默认把根目录下的图标文件favicon.ico读出来
【另外，如果相对路径无法显示，也可以用绝对路径，就像我的一样可用绝对地址<link rel="icon" href="http://ycugxr.top/favicon.ico" type="image/x-icon" />强行显示】
这时候重新生成更新你的网站，并清除浏览器缓存。刷新下，你就可以看到你网站漂亮的favicon文件了。
个人总结：关于网站的favicon图标不显示的问题.
1：你的favicon文件是否命名为favicon.ico；
2、引入favicon文件的代码是否放在了之前；
3、是否重新生成更新了网站，并清除了浏览器缓存。
4、是否是顶级域名跳转，使得favicon.ico无法在页面显示的问题
作者：阿沐
版权声明：本文为博主原创文章，转载请附上博文链接！
微信扫一扫，打赏阿沐吧～
评论