Chrome 不显示网站图标

2024-02-17

我无法显示该网站的图标http://www.lowcoupling.com http://www.lowcoupling.com在铬上。 我已经用 Safari 检查过,图标显示正确 我应该如何修复它?

UPDATE

这是我的 css 的第一部分

<!DOCTYPE HTML>

<html b:render='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head profile="http://www.w3.org/2005/10/profile">


    <b:include data='blog' name='all-head-content'/>
    <title>Low Coupling</title>
    <meta content='!' name='fragment'/>
    <meta content='dynamic' name='blogger-template'/>
    <meta content='IE=9,chrome=1' http-equiv='X-UA-Compatible'/>
    <meta content='initial-scale=1.0, maximum-scale=4.0, user-scalable=yes, width=device-width' name='viewport'/>

   <meta name='text:Disqus Shortname' content='' />

<!-- Le styles -->
   <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.css" rel="stylesheet">
    <style type='text/css'>
    .hero-unit {
        background-color: white;
        min-height: 0px;
  padding: 0px;
  min-width: 0px;
  margin-bottom: 30px;

    }

      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }


      .sidebar-nav {
        padding: 9px 0;
      }

      .tweet{
          margin-top: 10px;

      }
      p.centredimg {
       text-align: center;
      }

      }
    </style>
   <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.css" rel="stylesheet">
 <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" type="text/css" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script>
 <script type="text/javascript">SyntaxHighlighter.all();</script>



<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41136618-1', 'lowcoupling.com');
  ga('send', 'pageview');

</script>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src='../assets/js/html5shiv.js'></script>
    <![endif]-->
<link rel="shortcut icon"  href='http://sites.google.com/site/lowcoupling/favicon_16x16.ico'/>
  </head>
  <body>

<div class='navbar navbar-inverse navbar-fixed-top'> 

如果添加会发生什么type="image/png"像这样:

<link rel="shortcut icon" type="image/png" href="http://sites.google.com/site/lowcoupling/lowcouplingFavicon-01.png">

See 这个参考 http://en.wikipedia.org/wiki/Favicon#How_to_use。也许甚至删除“快捷方式”位,然后就可以了rel="icon"如果没有其他效果,请从 png 切换到 ico 文件。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome 不显示网站图标 的相关文章

随机推荐