主页（Blogspot 博客）上的缩略图突然模糊？

Question

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

请帮忙，我尝试了 4 个小时来解决此问题，但无法解决...

Answer 1

出现此问题是因为博文的缩略图 URL 的结构（可通过布局标签访问 -<data:post.thumbnailUrl/>）被 Blogger 更改（具体而言，s72-c 已更改为 s72-c-k-no）的 Blogger 模板创建者使用正则表达式匹配来调整图像大小（从默认分辨率 72x72px 到更大尺寸）。由于不再满足正则表达式匹配条件，图像大小调整脚本没有改变图像分辨率，并且正在渲染默认的 72x72px（由于它被拉伸到比其原始分辨率大得多的分辨率，因此出现像素化/模糊）

但是，由于许多博客都使用了这种解决方案（使用正则表达式匹配来更改缩略图分辨率），这影响了许多用户。鉴于此，Blogger 恢复了他们对缩略图 URL 所做的更改。这是官方博客论坛中关于此事的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

希望这会有所帮助。