Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 杰基尔响应图像插件赢得';不渲染_Image_Jekyll_Responsive_Responsive Images_Jekyll Extensions - Fatal编程技术网

Image 杰基尔响应图像插件赢得';不渲染

Image 杰基尔响应图像插件赢得';不渲染,image,jekyll,responsive,responsive-images,jekyll-extensions,Image,Jekyll,Responsive,Responsive Images,Jekyll Extensions,我正在使用jekyll响应图像插件。我有一个我应该有的模板,它可以到达模板和css。它确实渲染img代码,但路径错误,并且它不渲染任何已调整大小的图像 这是我的模板: {% capture srcset %} {% for i in resized %} /{{ i.path }} {{ i.width }}w, {% endfor %} {% endcapture %} {% capture class_caption_tuple %} class="pic caption" {% endc

我正在使用jekyll响应图像插件。我有一个我应该有的模板,它可以到达模板和css。它确实渲染img代码,但路径错误,并且它不渲染任何已调整大小的图像

这是我的模板:

{% capture srcset %}
{% for i in resized %}
/{{ i.path }} {{ i.width }}w,
{% endfor %}
{% endcapture %}

{% capture class_caption_tuple %}
class="pic caption"
{% endcapture%}

{% capture class_pic_tuple %}
class="pic"
{% endcapture%}

{% if alt %}
{% capture alt_tuple %}
alt="{{ alt }}"
{% endcapture%}
{% endif %}

{% if width %}
{% capture width_tuple %}
width="{{ width }}"
{% endcapture%}
{% capture styled_width_tuple %}
style="width:{{ width }};"
{% endcapture%}
{% endif %}

{% if title %}
{% capture title_tuple %}
title="{{ title }}"
{% endcapture%}
{% endif %}

{% if class %}
{% capture class_pic_tuple %}
class="pic {{ class }}"
{% endcapture%}
{% capture class_caption_tuple %}
class="pic caption {{ class }}"
{% endcapture%}
{% endif %}

{% assign largest = resized | sort: 'width' | last %}

{% if caption %}
<div {{ class_caption_tuple | strip_newlines }} {{ styled_width_tuple | strip_newlines }}>
  {% endif %}
  {% if url%}
  <a href="{{ url }}" target="_blank">
    {% endif %}
    <img src="/{{ largest.path }}" srcset="{{ srcset | strip_newlines }}" {{ alt_tuple | strip_newlines }}
      {{ title_tuple | strip_newlines }} {{ class_pic_tuple | strip_newlines }} {{ width_tuple | strip_newlines }}>{%
    if url%}</a>{% endif %}{% if caption %}{{ caption | strip_newlines }}</div>{% endif %}
这是我的img回应电话:

{% responsive_image path: "img/seo_img.png" alt: "Prolike" caption: "Caption." class: "center medium" %}
这是我得到的图像

<img src="/" srcset=" " alt="Prolike" class="pic center medium">

为什么它将路径渲染为“/”?
为什么jekyll不渲染图像。

你在GitHub页面上运行吗?是的,但它一开始在locahost上不起作用。但我解决了它,我用的图片太小了…你在GitHub页面上运行吗?是的,但它一开始在locahost上不起作用。但我解决了,我用的图片太小了。。。
<img src="/" srcset=" " alt="Prolike" class="pic center medium">