Настраиваем Tailwind.css в Hugo проекте

Вот инструкция: Установить Tailwind.css CLI >= 4.0 Настроить hugo_stats Импортировать Tailwind в css Подключить css через css.TailwindCSS Настроить Tailwind (необязательно) … Профит! 1. Ставим CLI У Tailwind есть пакет с CLI в NPM. Запустите npm init, если в проекте ещё нет ноды. npm install --save-dev tailwindcss @tailwindcss/cli Чтобы не тянуть node.js, есть standalone бинарник. 2. Настраиваем статсу Tailwind пересобирает стили под сайт. Это нужно, чтобы не тащить ненужные классы. Ещё Tailwind генерирует новые классы. Например, если вы написали some-utility-[420px], в Tailwind из коробки нет такого класса. Поэтому для сборки нужна статистика: что используется на сайте. ...

May 18, 2025 · 2 min · 343 words · Dmitry S.

Интерактивные блоки кода через Stackblitz

Если ведёте блоги про код, то знаете: показывать код — больно. С зависимостями показывать больнее в два раза. Читателям лениво даже скачать репо с Github, бывает и такое. Решение — чтобы можно было тыкнуть и всё само запустилось. Можно поднять для этого свой бэкенд, но это дорого и долго. Поэтому лучше встроить чужой через iframe в свою статику. Webcontainers от Stackblitz — именно это. Создаём проект в Stackblitz ...

May 17, 2025 · 1 min · 150 words · Dmitry S.