我正在使用以下模板作为我的blogspot博客:http://bold-bthemez.blogspot.com/,因为你可以看到头版上的图像突然变得模糊(直到昨天他们都很好,我不知道为什么会突然改变)。我猜这与Javascript有关,因为类似的事情发生在其他人问这里的问题,但答案对我的博客不起作用(我指的是这个问题:Thumbnail images on home page (grid) now appearing blurry. How to correct that?)
请帮忙,我尝试了4个小时来解决这个问题而且不能这样做......
答案 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
希望这有帮助。