时间戳

首页 > 解决方案 > Blogger：让特色图片显示在标题中

blogger - Blogger：让特色图片显示在标题中

问题描述

我有这个有效的代码片段，我用它来获取和显示帖子的特色图片。但是，当我将它放在标题中，在#Blog1 小部件之外时，它不起作用。有没有办法让它工作？

<a class='featured-image-link' expr:id='("featured-image-link" + data:i)' expr:href='data:post.url'/>
    <b:with value='data:post.featuredImage ?: "https://1.bp.blogspot.com/-_bZMj71nEGc/Xij1Et5dzPI/AAAAAAAAgBg/iq5xmgI-DqkegOXEBiFbh6xdFcGmBP39QCLcBGAsYHQ/s1600/default-image-dark_1920x1080.png"' var='featuredImg'>
    <b:include data='{ image: data:featuredImg, selector: ("#featured-image-link" + data:i) }' name='responsiveImageStyle'/>
</b:with>

标签： blogger

解决方案

您需要循环浏览博客文章。 但在博客小部件之外，您只能获取帖子特色图片、标题和 ID。所以发布网址不起作用。

<b:loop index='i' values='data:widgets.Blog.first.posts' var='post'>

  <b:with value='data:post.featuredImage ?: "https://1.bp.blogspot.com/-_bZMj71nEGc/Xij1Et5dzPI/AAAAAAAAgBg/iq5xmgI-DqkegOXEBiFbh6xdFcGmBP39QCLcBGAsYHQ/s1600/default-image-dark_1920x1080.png"' var='featuredImg'>
    <b:include data='{ image: data:featuredImg, selector: ("#featured-image-link" + data:i) }' name='responsiveImageStyle'/>
  </b:with>

</b:loop>

推荐阅读