使用jekyll的响应式图片

如何解决使用jekyll的响应式图片

我最近开始学习jekyll，并在localhost（win 7）上生成页面，我安装了一个插件，该插件生成响应图像和HTML标签，并将液态标签放置在页面或帖子中。 这是插件的链接：https://github.com/wildlyinaccurate/jekyll-responsive-image

它确实可以正常工作并为其生成响应图像和适当的标签。

但是我在正面上有一个图像链接，对于每个发布页面，此链接都会在发布页面的顶部打印一个图像，并且我也希望将此图像也视为响应图像，因此不能添加液体标签在最前面，结果是帖子页面顶部的所有图像都没有响应， 有没有办法使它工作？

这是我的一篇帖子的前题示例：

---
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号： Looking over the plugin repo again I have noticed that they deal with variables in kind of an odd way。由于responsive_image标签根本不处理变量。为此，您必须像这样定义一个块：

# Put this in the layout file.
{% responsive_image_block %}
  path: {{ page.image }}
{% endresponsive_image_block %}

您仍然应该能够在发布文件中设置变量，如下所示：

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

,

感谢您的答复，这是一个不错的主意，它应该可以工作，已经尝试过，但是它不接受： page.image ，它给了我这个错误：

错误：无法打开图像'C：/ _ 3-Github / JK-Af-test / page.image'：没有这样的文件或目录@ error / blob.c / OpenBlob / 3537