Блог
Заметки, статьи, инструкции
Страница 4
Создание Endpoint в формате JSON для реализации поиска по сайту в Astro
31 декабря 2022 г.
Для реализации поиска по сайту, созданному на стеке Jamstack, можно воспользоваться популярной библиотекой List.js. У библиотеки неплохая документация на официальном сайте. Тем не менее, в зависимости от выбранной парадигмы, библиотеке может потребоваться доступ к структурированным данными постов сайта...
Реализация функции Cycler из Nunjucks в шаблонах Astro
28 декабря 2022 г.
В шаблонизаторе Nunjucks имеется очень полезная функция - Cycler. При вёрстке сайта на Astro мне очень недоставало этой функции в шаблонах .astro. Но Astro тем и хорош, что позволяет, без особых усилий, самостоятельно добавить в шаблонизатор любую недостающую функцию...
Как в Astro программно задать Layout для всех файлов Markdown в коллекции
22 декабря 2022 г.
Для вставки статьи, написанной c помощью Markdown, в шаблон страницы сайта на Astro, в документации предлагается указать Layout в секции Frontmatter файла Markdown. Но у этого способа есть существенный недостаток - корректный Layout необходимо явно указать во всех файлах Markdown и, при этом, не ошибиться. А если таких файлов сотни или даже тысячи? Можно не прописывать Layout в каждом файле Markdown, а указать его один раз для всех файлов Markdown в коллекции...
Как удалить неиспользуемый CSS при создании сайта на Astro
18 декабря 2022 г.
При создании сайта с использованием библиотек построения интерфейса разработчик часто сталкивается с тем, что значительная часть подключённого CSS остаётся невостребованной. Например, сжатый CSS одной из самых популярных библиотек Bootstrap (на текущий момент версия 5.2.3) весит 195 Кбайт. На примере этого сайта, после удаления неиспользованного CSS осталось менее 25 Кбайт, что в 8 раз меньше первоначального размера...
Подключение Tailwind CSS к проекту на Eleventy
25 ноября 2022 г.
Tailwind CSS работает, сканируя все ваши HTML-файлы, компоненты JavaScript и любые другие шаблоны на предмет имён классов, генерируя соответствующие стили и затем записывая их в статический CSS-файл. Это означает, что в конечный CSS-файл попадают не все стили Tailwind, а только те, которые были задействованы в процессе вёрстки. Это минимизирует объем загружаемых данных при открытии сайта и благоприятно влияет на его SEO-оптимизацию...