Blogger主题相关文章图片模糊问题的解决方法求助

问题根源：你当前调用的Blogger JSON Feed默认返回的是小尺寸缩略图（比如72px规格），所以显示出来画质模糊。要解决这个问题，需要修改处理相关文章的JS逻辑，获取高清图片资源。

具体操作步骤：

• 找到主题中定义relatedposts()或relpostimgcuplik回调的JavaScript代码块（这段代码负责解析JSON数据并生成相关文章列表）。
• 定位到代码中获取文章图片的部分，二选一修改即可：
  1. 替换缩略图尺寸参数：如果原来的代码是通过entry.media$thumbnail.url获取图片，把这个URL里的尺寸参数（比如s72-c）替换成更大的规格，比如s1600（1600px高清），代码示例：

     var imgUrl = entry.media$thumbnail.url.replace(/s\d+-c/, 's1600');
     

  2. 直接提取文章原图：如果想要最清晰的原图，可以从文章内容里匹配<img>标签的原图链接，代码示例：

     var contentHtml = entry.content.$t;
     var imgMatch = contentHtml.match(/<img[^>]+src="([^"]+)"/);
     var imgUrl = imgMatch ? imgMatch[1] : '你的默认图片地址';
     

• 修改完成后保存主题设置，刷新文章页面就能看到高清的相关文章图片了。

如果找不到这段JS代码，检查主题里的外部JS引入标签，找到对应的文件内容再做修改。

内容的提问来源于stack exchange，提问作者Prasoon Bundela