Алексей Русаков*

Пост с фотографиями: обложка, врезки и карусель

Пост с фотографиями: обложка, врезки и карусель

Картинки в постах вставляются тремя способами. Первый — обычный markdown: положите файл в папку img/ рядом с постом и сошлитесь на него. Заголовок в кавычках станет подписью:

Абстрактная композиция
Обычная markdown-картинка: Hugo сам сожмёт её до нужного размера

Второй способ — шорткод figimg, когда нужно управление размером. Класс is-half делает картинку в половину колонки:

Шорткод figimg с классом is-half — фото в пол-колонки, по центру
Шорткод figimg с классом is-half — фото в пол-колонки, по центру

Третий — карусель для серии картинок. Каждая строка внутри шорткода — отдельный слайд со своей подписью, листается стрелками, свайпом и клавиатурой:

Обложка поста — файл cover.jpg рядом с index.md: она автоматически появляется в списке блога и в начале поста. Не хотите обложку внутри поста — добавьте hideCover: true во frontmatter.