Blogger相关文章小工具缩略图无法显示问题求助

我在Blogger站点上装了一款Related Posts相关文章小工具，这款工具挺靠谱的——它能精准匹配展示相关文章，不像我之前试的那些工具只会优先推最新的内容，整体用下来体验不错。

但最近碰到个头疼的问题：部分文章的缩略图没法正常显示。我一开始猜是不是用了外链图片的文章才会这样，但后来发现有时候用站内图片的文章也加载不出缩略图。我把问题截图附在这里了（注：此处为用户提供的缩略图加载异常截图），想请大家帮忙看看怎么修复这个问题。

下面是我使用的工具代码：

<style type='text/css'> .related-posts-container{margin:20px 0px; padding: 1px 2px; background-color:#f6f6f6;}.related-posts-container h4{font:20px 'Josefin Sans', sans-serif;margin-bottom:20px;}.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0;}.related-posts-container ul li a{font:bold 13px 'Josefin Slab', serif;outline: 0;letter-spacing: 1px;}.related-snippets{margin-top:5px;font:italic 12px 'Open Sans', sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}li.related-post-item{margin:0 3% 3% 0 !important;width:22.7%;float:left;list-style:none;position:relative;}li.related-post-item:last-child{margin:0 0 2% !important;}.related-thumb-large{width:100%;height:auto;border:none;margin:0px auto 10px;padding:0 !important;}.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}.related-posts-7 li.related-post-item{margin:0 !important;width:25% !important;}.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.related-wrapper .related-title{vertical-align:middle;display:table-cell;color:#ffffff;font:bold 16px 'Open Sans', sans-serif;padding:0 20px;}.related-date{margin-top:5px;font:italic 11px 'Lato', sans-serif;color:#999999;} </style> <b:if cond='data:blog.pageType == "item"'> <div class='related-posts-container' id='related-posts-widget'/> <div style='clear: both;'/> <script type='text/javascript'> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>]; var relatedSettings = { blogURL:"<data:blog.homepageUrl/>", relatedHeading:"&lt;h4&gt;&lt;span&gt;Postagens Relacionadas&lt;/span&gt;&lt;/h4&gt;", relatedPosts:4, relatedStyle:4, thumbnailSize:"w280-h160-p-nu", defaultThumb:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLgocAjmwPv0X1l22MGlEiQGqXJLv7dcu7nUSmVVcfCD6NHm1INBwrnuDz_XYB39BP-bYdOAhuqg7l9A0lYjPB9M762SK9jDq6YVj48QIfJqiMGSdodn11H4UJ0lqT9BbwH4bgJM2os-JU/w280-c-h160/no-thumb.png", roundThumbs:true, titleLength:"auto", snippetLength:45, centerText:false, openNewTab:false };</script> <script type='text/javascript'> //<![CDATA[ var randomRelatedIndex,startRelated;!function(a,b,c){var d={callBack:function(){}};for(var e in relatedSettings)d[e]="undefined"==relatedSettings[e]?d[e]:relatedSettings[e];var f=function(a){var d=b.createElement("script");d.type="text/javascript",d.src=a,c.appendChild(d)},g=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},h=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},i="object"==typeof labelArray&&labelArray.length>0?"/-/"+h(labelArray)[0]:"",j=function(a){var b=a.feed.openSearch$totalResults.$t-d.relatedPosts,c=g(1,b>0?b:1);f(d.blogURL.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+c+"&max-results="+d.relatedPosts+"&callback=startRelated")},k=function(a){var l,m,n,o,p,q,b=document.getElementById("related-posts-widget"),c=h(a.feed.entry),e=d.relatedStyle,f=d.relatedHeading+'<ul class="related-posts-'+e+'">',g=d.openNewTab?' target="_blank"':"",i=d.centerText?"text-align:center;":"",j=d.roundThumbs?"-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;":"",k='<span style="display:block;clear:both;"></span>';if(b){for(var r=0;r<d.relatedPosts&&r!=c.length;r++){n=c[r].title.$t,o="auto"!==d.titleLength&&d.titleLength<n.length?n.substr(0,d.titleLength)+"…":n,p="undefined"!=typeof c[r].summary.$t?c[r].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,""):"",p="undefined"!=typeof d.snippetLength&&d.snippetLength<p.length?p.substr(0,d.snippetLength)+"…":p,q="undefined"!=typeof c[r].media$thumbnail?c[r].media$thumbnail.url.replace(/s\d+(-c)?/i,d.thumbnailSize):d.defaultThumb,f+='<li class="related-post-item" style="'+i+'"><a href="'+c[r].link[c[r].link.length-1].href+'"'+g+'><img class="related-thumb-large" style="'+j+'" src="'+q+'" alt="'+n+'"/><div class="related-title">'+o+'</div></a><div class="related-snippets">'+p+'</div></li>'}f+=k+"</ul>",b.innerHTML=f,d.callBack()}};startRelated=k,"undefined"==typeof labelArray&&(labelArray=[]),j()}(window,document,document.getElementsByTagName("head")[0]); //]]> </script> </b:if>

希望有大佬能帮忙排查下问题，给出修复方案，谢谢！

内容的提问来源于stack exchange，提问作者Kel.G. 2026