Blogger：使特色图片显示在标题中

Question

我有一个有效的代码段，我用来获取并显示帖子的特色图片。但是，当我将其放置在＃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>

Answer 1

您需要遍历博客文章。在Blog小部件之外的但是，您只能获取帖子的特色图片，标题和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>