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

yazou

Emporio 主题缩略图的添加方法：

找到 <b:includable id='feedPostImage'>..</b:includable> ，用以下内容替换。

1. <b:includable id='feedPostImage'>
2.     <b:if cond='data:post.featuredImage'>
3.         <div class='snippet-thumbnail-container'>
4.             <div class="snippet-thumbnail" style='background-image:url(https://ae01.alicdn.com/kf/HTB1lc4SakH0gK0jSZPi5javapXaz.gif);'></div>
5.             <textarea class='post-text' style='display:none;'><data:post.body.escaped/></textarea>
6.         </div>
7.         <b:else/>
8.         <div class='snippet-thumbnail-container'>
9.             <div expr:class= 'data:thumbClassName'/>
10.         </div>
11.     </b:if>
12. </b:includable>

复制代码

在 </body> 标签前插入 JS 代码：

1. <b:if cond='data:blog.pageType in {&quot;index&quot;,&quot;searchQuery&quot;,&quot;searchLabel&quot;,&quot;archive&quot;}'> <!--如果当前页是首页&#65292;搜索页&#65292;标签页&#65292;那么代码继续执行-->
2.     <script defer='defer'>
3.         //<![CDATA[
4.            var postThumbnails = document.getElementsByClassName("snippet-thumbnail");
5.            var postContents = document.getElementsByClassName("post-text");
6.            for (var i=0;i<postContents.length;i++)
7.            {
8.              var postContent = postContents[i].innerText;
9.              var imgReg = /<img.*?(?:>|/>)/gi;
10.              var srcReg = /src=['"]?([^'"]*)['"]?/i;
11.              var imgTags = postContent.match(imgReg);
12.              imgSrcs = imgTags[0].match(srcReg);
13.              imgSrc = imgSrcs[1];
14.              postThumbnails[i].style.background = "url(" + imgSrc + ")"
15.            }
16.            //]]>
17.     </script>
18. </b:if>

复制代码