Blogger的Emporio 主题缩略图国内访问

Emporio 主题缩略图的添加方法:
找到 <b:includable id='feedPostImage'>..</b:includable>
,用以下内容替换。
<b:includable id='feedPostImage'>
<b:if cond='data:post.featuredImage'>
<div class='snippet-thumbnail-container'>
<div class="snippet-thumbnail" style='background-image:url(https://ae01.alicdn.com/kf/HTB1lc4SakH0gK0jSZPi5javapXaz.gif);'></div>
<textarea class='post-text' style='display:none;'><data:post.body.escaped/></textarea>
</div>
<b:else/>
<div class='snippet-thumbnail-container'>
<div expr:class= 'data:thumbClassName'/>
</div>
</b:if>
</b:includable>
在 </body>
标签前插入 JS 代码:
<b:if cond='data:blog.pageType in {"index","searchQuery","searchLabel","archive"}'> <!--如果当前页是首页,搜索页,标签页,那么代码继续执行-->
<script defer='defer'>
//<![CDATA[
var postThumbnails = document.getElementsByClassName("snippet-thumbnail");
var postContents = document.getElementsByClassName("post-text");
for (var i=0;i<postContents.length;i++)
{
var postContent = postContents[i].innerText;
var imgReg = /<img.*?(?:>|/>)/gi;
var srcReg = /src=['"]?([^'"]*)['"]?/i;
var imgTags = postContent.match(imgReg);
imgSrcs = imgTags[0].match(srcReg);
imgSrc = imgSrcs[1];
postThumbnails[i].style.background = "url(" + imgSrc + ")"
}
//]]>
</script>
</b:if>
阅读剩余
免责声明:
链接:https://www.4mf.net/54.html
资源来源于网络,版权归原作者所有,如有侵权请联系删除!仅供个人学习交流使用,请下载后24小时内删除。不得将上述内容用于商业或者非法用途,否则产生的一切后果自行承担!
THE END