主页上的缩略图图片(Blogspot Blog)突然模糊了?

时间:2017-03-03 10:53:12

标签: javascript templates blogger blogspot

我正在使用以下模板作为我的blogspot博客:http://bold-bthemez.blogspot.com/,因为你可以看到头版上的图像突然变得模糊(直到昨天他们都很好,我不知道为什么会突然改变)。我猜这与Javascript有关,因为类似的事情发生在其他人问这里的问题,但答案对我的博客不起作用(我指的是这个问题:Thumbnail images on home page (grid) now appearing blurry. How to correct that?

请帮忙,我尝试了4个小时来解决这个问题而且不能这样做......

1 个答案:

答案 0 :(得分:0)

发生此问题是因为Blog的缩略图网址(可通过布局代码访问<data:post.thumbnailUrl/>)的结构已被Blogger更改(具体而言,s72-c已更改为s72-c-k-no)之所以出现此问题是因为许多Blogger模板创建者使用正则表达式匹配来调整图像大小(从默认分辨率72x72px到更大的大小)。由于不再满足正则表达式匹配条件,因此图像大小调整脚本不会改变图像分辨率,并且正在渲染默认的72x72px(出现像素化/模糊,因为它被拉伸到比原始分辨率大得多的分辨率)< / p>

但是,由于这个解决方案(使用正则表达式匹配来改变缩略图分辨率)被许多博客使用,这影响了许多用户。鉴于此, Blogger将他们所做的更改恢复为缩略图网址。以下是官方博客论坛中有关此问题的post from a Google employee -

  

大家好,

     

导致此问题的更改很可能会被还原   在不久的将来,所以我建议向后兼容   解决问题的方法。如果这条消息/帖子没有任何意义   对你来说,它可能对你的自定义模板的作者有意义,所以让我们   他们知道这件事,以防Blogger在其中做出任何类似的改变   将来

     

Blogger的Layouts引擎(模板语言)有一个原生的   'resizeImage'运算符,可用于更改大小   缩略图。很多人都有自定义模板使用   javascript正则表达式来改变价值。 (字符串替换's72-c')。   通过替换URL部分,可以在服务器端更好地实现这一点。

     

此标记

     

<data:post.thumbnailUrl />

     

可以更改为resizeImage操作,该操作采用新宽度   你想要的,和新的宽度:高度比。例如对于200x200图像

     

<b:eval expr='resizeImage(data:post.thumbnailUrl, 200, "1:1")' />

     

有关resizeImage运算符的更多文档,请访问:   https://productforums.google.com/forum/#!topic/blogger/4R_sAkgZH9I

     

希望这有帮助。