Галерея и сетка
Эти конструкции добавляют расширения gallery и grid. Сравните готовый блок с вкладкой «Исходник Markdown»: изображения и текст заданы в обычных файлах, а разметку и поведение дают блоки расширений.
Откройте изображение
Нажмите на картинку. Для закрытия используйте кнопку, фон вокруг изображения или Escape. После закрытия фокус вернётся к выбранной картинке. Первое изображение галереи загружается без отложенной загрузки, остальные получают loading=lazy.
:::gallery
:::
Все три иллюстрации включены в этот проект. Для просмотра галереи не нужен внешний сервис изображений.
Из абзацев — в колонки
Каждый абзац внутри :::grid становится ячейкой. Изменяйте ширину окна, чтобы увидеть перестроение колонок. Конструкция принимает текстовые абзацы; списки и заголовки внутри неё не поддерживаются.:::grid
Текст. Пишите статьи и руководства в Markdown. Ссылки на исходники станут адресами страниц.
Блоки. Описывайте интерфейс в BEMJSON и шаблонах nu. Добавляйте CSS и JavaScript рядом.
Сборка. Получайте статический HTML, бандлы, изображения, Brotli, Gzip и манифест.
:::
Что подключить в своём проекте
Добавьте пакеты в ext конфигурации nuckty, а имена блоков — в декларацию бандла. Так сборка найдёт шаблоны, стили и скрипт лайтбокса. Фрагменты ниже показывают необходимые записи; остальные расширения и блоки проекта сохраните.
ext: [
'nuckty-ext-block-root',
'nuckty-ext-block-gallery',
'nuckty-ext-block-grid',
]
module.exports = ['root', 'gallery', 'lightbox', 'grid'];