返回
查看: 0|回复: 0
Blogger的Emporio 主题缩略图国内访问
创意设计

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

[复制链接]
yazou yazou 2024-11-25 00:00:00 0 阅读

6075

主题

0

回帖

3945

积分

超级版主

积分
3945

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>
复制代码
回复

使用道具 举报

评论
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Loading...
关注公众号
Archiver|小黑屋|yazou! 劰载中...

相关侵权、举报、投诉及建议等,请发 E-mail:admin@discuz.vip

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部