Skip to content

资源先锋

A Free Resource Blog @ 955800.xyz

Menu
  • 首页
  • 站长专题
    • 免费主机空间
    • 免费域名注册
    • 免费SSL证书
    • 免费CDN加速
    • 免费DNS解析
    • 免费流量统计
  • 网络资源
    • 免费在线图床
    • 免费电子邮箱
    • 免费AI工具
    • 免费在线翻译
    • 免费网络相册
    • 羊毛福利资源
  • 学习资源
    • 学科学习资源
    • 网络技术前沿
    • 平台电商推广
    • 视频剪辑资源
    • 其他学习资源
  • 平台工具
    • WordPress
    • Blogger
    • Cloudflare
    • Github
  • 软件硬件
    • IT工具技巧
    • 玩转3C数码
    • 精品软件汇
    • 行业风向标
  • 用户反馈
Menu

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

Posted on 2024年11月25日2025年1月13日 by Admin

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>

发表回复 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

站内搜索

是免费.NET,A Free Resource Blog(www.4mf.net)
是免费.网址导航 | 纯净分享
© 2025 资源先锋 | Powered by Minimalist Blog WordPress Theme