Image 杰基尔响应图像插件赢得';不渲染
我正在使用jekyll响应图像插件。我有一个我应该有的模板,它可以到达模板和css。它确实渲染img代码,但路径错误,并且它不渲染任何已调整大小的图像 这是我的模板: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
{% 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">