使用jekyll在帖子顶部添加响应图像

使用jekyll在帖子顶部添加响应图像,jekyll,liquid,responsive-images,yaml-front-matter,Jekyll,Liquid,Responsive Images,Yaml Front Matter,我最近开始学习jekyll,并在localhost(Win7)上生成页面,我安装了一个插件,可以生成响应图像和HTML标记,其中液体标记放置在页面或帖子中。 以下是该插件的链接: 它确实工作得很好,并为它生成响应迅速的图像和适当的标签 但是我在frontmatter上有一个图像链接,对于每个发布页面,这个链接在发布页面的顶部打印一个图像,我希望这个图像也被视为响应图像,不能在frontmatter上添加液体标签,因为结果是所有发布页面顶部的图像都没有响应, 有没有办法让它发挥作用 以下是我的一篇

我最近开始学习jekyll,并在localhost(Win7)上生成页面,我安装了一个插件,可以生成响应图像和HTML标记,其中液体标记放置在页面或帖子中。 以下是该插件的链接:

它确实工作得很好,并为它生成响应迅速的图像和适当的标签

但是我在frontmatter上有一个图像链接,对于每个发布页面,这个链接在发布页面的顶部打印一个图像,我希望这个图像也被视为响应图像,不能在frontmatter上添加液体标签,因为结果是所有发布页面顶部的图像都没有响应, 有没有办法让它发挥作用

以下是我的一篇文章的frontmatter示例:

---
layout: post
title:  "test for dog grooming"
categories: [ do-grooming ]
image: assets/images/dog.jpg
---
下面是我在帖子中使用的前置标记:

{% responsive_image figure: true path: assets/images/petfood.jpg  %}

感谢您的帮助

我还没有使用该插件,但您应该能够通过
page.variable
访问frontmatter变量。然后,您可以将以下代码添加到布局页面中的相关区域,以便在页面顶部或所需位置自动显示图像

{% responsive_image figure: true path: page.image  %}
然后,您可以删除或交换版面页面中创建非响应图像的另一行

编辑第2条: . 因为
responsive_image
标记根本不处理变量。要做到这一点,您必须这样定义一个块:

# Put this in the layout file.
{% responsive_image_block %}
  path: {{ page.image }}
{% endresponsive_image_block %}
您仍然可以在post文件中设置变量,如下所示:

---
image: assets/images/dog.jpg
---

感谢您的重播,如果我在版面(post layout)中提供,那么所有的帖子页面都有相同的图像,我希望每个帖子页面上都有不同的图像。非常感谢您的第二次更新,现在它工作得很好,很好。没问题。如果这个或另一个答案解决了你的问题,不要忘记接受它,将这个问题标记为“已回答”,并帮助将来遇到这个问题的人。谢谢