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>