Blogger：让特色图片显示在 header

Question

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

<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

您需要循环浏览博客 posts。但是在博客小部件之外，您只能获得 post 特色图片、标题和 ID。所以 post url 不会起作用。

<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>

Blogger：让特色图片显示在 header

Blogger: getting the featured image to show up in the header

blogger