Изображение
Пример вывода изображения в Jekyll.
Компонент _includes/component/picture.html.
{% capture image %}images/{{ include.type | default: 'original' }}/{{ page.date | default: post.date | date: '%Y' }}/{{ page.date | default: post.date | date: '%m' }}/{{ include.slug }}/{{ include.img }}{% endcapture %}
{% assign webp = image | replace:'.png','.webp' | replace:'.jpg','.webp' | replace:'.jpeg','.webp' %}
{% capture size %}{% imagesize image:props %}{% endcapture %}
{% if include.fancybox == 'true' %}<a href="{{ image | relative_url }}" data-fancybox>{% endif %}
<picture>
<source srcset="{{ webp | relative_url }}" type="image/webp">
<img src="{{ image | relative_url }}" {{ size }} alt="{{ include.alt | default: '' }}" loading="lazy">
</picture>
{% if include.fancybox == 'true' %}</a>{% endif %}