Как сделать такой же сайт за вечер
Я лет десять не мог подойти к созданию второй версии блога. Первую, помню, сделал на вордпрессе быстро: взял первую минималистичную тему, выложил накопившиеся статьи, книгу про медиаскетизм. И остался доволен. Правда, ненадолго. Раз в пару лет думал о том, что вот бы найти нормальную тему и пересобрать весь блог.
Но был доступен Medium, куда я выкладывал большие статьи, — а потом его заблокировали. И вообще, платформы — ненадёжные товарищи.
Этот сайт я собрал за вечер с Claude Code. Теперь я выкладываю весь его код + четыре темы для блогов, чтобы каждый желающий мог развернуть себе такой же.
Я верю, что развитие ИИ раскроет силу индивидуальных креаторов, и они создадут заметное веб-движение, как было в начале интернета, когда каждый запускал свои сайты-вселенные с гифками танцующих людей и голубей. Посмотрите видео Оли Лялиной про этот период — это не только про историю интернета, а про манифест индивидуализма вопреки власти платформ.
Мне очень нравится, как про это пишет дизайнер Лорел Швульст в своём эссе «Мой сайт — это меняющийся дом у реки знаний. Каким мог бы стать ваш?»:
Пусть поначалу они и кажутся удобными и дружелюбными — Facebook, Instagram, Pinterest — это частные компании, для которых реклама важнее нужд пользователя. Ваше счастье для них не на первом месте, поэтому тревога, которую испытываешь, когда пользуешься соцсетями или просто думаешь о них, — нормальное чувство. В нашу эпоху цифровой какофонии, где всем заправляют эти платформы, о вас не позаботится никто кроме вас самих. Вот почему так понятно желание завести сайт, который «внёс бы окончательную ясность» в то, кто вы и чем занимаетесь.
Автор сайта становится сразу и сочинителем, и архитектором. Существует бесконечное множество вариантов того, чем может быть веб-сайт. Может, сайт — это комната? Или сайт больше похож на дом? На лодку? На облако? На сад? На лужу? Чем бы он ни был, здесь возникает обратная связь с самим собой: вы вкладываете энергию в сайт, а он в ответ помогает лепить вашу собственную личность.
Я за то, чтобы у большего числа людей были сайты, и ИИ тут хороший помощник: всё настроить, выложить на сервер — и поможет развивать и изменять его дальше.
Этот сайт сделан на Hugo — генераторе статических сайтов. Посты пишутся в markdown-файлах, Hugo прогоняет их через шаблоны темы и превращает в готовый HTML. Ни базы данных, ни админки — это просто файлы. Тема — это набор шаблонов и один CSS-файл, где все решения собраны переменными в начале.
Можно взять готовый образец и выложить первую версию уже сегодня. А потом дорабатывать под себя. Я не пытаюсь добавить сразу все фичи — например, в одном из прошлых постов я добавил карусель, а в предыдущем — возможность увеличивать картинки при просмотре.
Админка — это агент. Я пишу md-файлы, а он деплоит на VPS: одна команда собирает сайт и заливает файлы на сервер — от правки текста до публикации проходит меньше минуты.
Выложил на GitHub стартер: готовый блог с четырьмя темами, демо-постами и инструкцией для агента. Даёте агенту ссылку на репозиторий, он скачивает его, и дальше вы говорите: «разверни мне этот блог, меня зовут так-то, пишу о том-то. Сначала локально». Внутри есть инструкции для публикации: GitHub Pages бесплатно, свой сервер или Vercel.
Если соберёте по нему свой блог — напишите мне, очень интересно посмотреть, что получится.
Темы сайта
