Изображения - это хранилище различных картинок, используемых в материале сайта.
Изображения находятся в каталоге images.
Все исходные изображения загружаются в каталог images/original/<год>/<месяц>/<название статьи|страницы|коллекции без даты>. Например: images/original/2023/09/welcome-to-jekyll.
Внутри данного каталога размещаются картинки формата jpg, png. Далее при сборке шаблона Jekyll на основе этих картинок создает такие же картинки только другого разрешения, а так же добавляет к каждой картинке формат webp.
Настройки для картинок определяются в конфигурационном файле _config.yml.
Разрешения картинок
Для автоматического создания изображений различной ширины и длины на основе оригинальной, отредактируйте конфигурационный файл _config.yml.
Формат webp
Для настройки формата webp отредактируйте конфигурационный файл _config.yml.
Добавление картинки на сайт
Предположим, что мы добавили в каталог images/original/2023/09/welcome-to-jekyll изображение cover.jpg. Теперь, для того чтобы отобразить картинку на сайте, вставим в файл следующую разметку.
При сборке проекта картинки копируются в каталог _site/images. Так как каталог _site является корневым для веб сервера, то при обращении к каталогу images картинки будут браться от сюда _site/images.
Далее в пути указывается название расширения изображения, которое было указанно в файле _config.yml, например thumbnail. После чего год, месяц и название статьи и только потом название картинки которую нужно отобразить.
В шаблоне имеется компонент picture, который будет вставлять подобную конструкцию одной строкой кода.