Question

这是我在博客上托管的博客http://www.dateswithdanie.com。几天前，主页上帖子标题旁边的图像变得模糊不清。我试过并尝试修复它，到处寻找解决方案。这是令人惊讶的因为它工作正常，我没有篡改代码，突然事情刚刚改变。谢谢，请帮助我解决方案，因为我很沮丧。

代码 -

@Transactional
public void create(GameUser gameUser) {
      this.gameUserRepository.create(gameUser);
}

Answer 1

上传的图片太小72X72用于容器，而css background-size 封面将尝试拉伸到容器大小。因此，请尝试根据容器宽度使用更大的图像

background-size: cover;

Answer 2

目前，您的主题代码是使用JavaScript来更改缩略图图像的尺寸。但由于某些错误（如浏览器控制台中所示），它不再起作用。更好的方法是使用Blogger的原生图像大小调整操作符resizeImage来更改图像尺寸。以上代码将更改如下 -

<b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:if cond='data:post.thumbnailUrl'>
        <div class='block-image'><div class='thumb'>
          &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<b:eval expr='resizeImage(data:post.thumbnailUrl, 370)' />) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
          </div>
         </div>
        <b:else/>
        <b:if cond='data:post.firstImageUrl'>
          <div class='block-image'><div class='thumb'>
            &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<b:eval expr='resizeImage(data:post.firstImageUrl, 370)' />) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
            </div>
          </div>
          <b:else/>
          <div class='block-image'><div class='thumb'>
            &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://1.bp.blogspot.com/-eAeO-DYJDws/Vkqtj4HFBFI/AAAAAAAAB0o/Q5OLsyONXM0/s1600-r/nth.png) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
            </div>
           </div>
        </b:if></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
      <b:if cond='data:post.thumbnailUrl'>
        <div class='block-image'><div class='thumb'>
          &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<b:eval expr='resizeImage(data:post.thumbnailUrl, 370)' />) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
          </div>
         </div>
        <b:else/>
        <b:if cond='data:post.firstImageUrl'>
          <div class='block-image'><div class='thumb'>
            &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<b:eval expr='resizeImage(data:post.firstImageUrl, 370)' />) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
            </div>
         </div>
          <b:else/>
          <div class='block-image'><div class='thumb'>
            &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://1.bp.blogspot.com/-eAeO-DYJDws/Vkqtj4HFBFI/AAAAAAAAB0o/Q5OLsyONXM0/s1600-r/nth.png) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
            </div>
          </div>
        </b:if></b:if>
</b:if>

Answer 3

是的，它对所有博主用户都很常见。最好的办法是不要在上传图片后经常进入“访问个人资料”或“我的个人资料”。只有当你进入图片时才会改变'访问个人资料'链接，而不是其他。

我的博客主页缩略图突然变得模糊，但其他图像都很好

3 个答案: