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 {&quot;index&quot;,&quot;searchQuery&quot;,&quot;searchLabel&quot;,&quot;archive&quot;}'> <!--如果当前页是首页&#65292;搜索页&#65292;标签页&#65292;那么代码继续执行-->
    <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>

阅读剩余
THE END