Сайт из гайда 2022 года: Konami-код, Toasty и чат с пруфами

В 2022 я написал на HackerNoon гайд Deploy Your Personal Web-Page With Hugo, Cloudflare and GitHub 100% For Free. Идея простая: статический сайт на Hugo, репозиторий на GitHub, хостинг на Cloudflare Pages, ноль расходов. Статья до сих пор одна из самых читаемых у меня, а сайт из неё, kazakov.xyz, никуда не делся.

Почему гайд 2022 всё ещё работает и как повторить его с AI

Тогда собрать такую связку без опыта было нетривиально: DNS, проект в Cloudflare Pages, привязка репозитория. Сейчас порог входа другой. Открываешь любой AI-ассистент, даёшь ссылку на гайд и просишь провести по шагам. За вечер получаешь сайт.

Интерфейс Cloudflare с тех пор поменялся, кнопки переехали, но сами шаги те же: домен, проект Pages, привязка репозитория. Если скриншот из статьи не совпадает с экраном, спроси ассистента, куда кликать. С этим он справляется хорошо.

Сайт open source: как форкнуть

Код лежит в github.com/kksudo/kazakov.xyz. Hugo, тема hugo-coder, хостинг Cloudflare Pages, деплой через GitHub Actions. Чтобы сделать себе сайт-профиль:

1. Форкни репозиторий.
2. Поправь config.toml: baseurl, ссылки на профили, аватар (gravatar или свой avatarurl).
3. Перепиши content/about.md под себя.
4. Подключи Cloudflare Pages по шагу 4 из гайда.

Это из README репо, там же детали. Все свежие изменения я делал вместе с Claude Code, AI-агентом в терминале. Каждая фича — отдельный issue и отдельный PR, так что историю можно прочитать целиком.

Что появилось: Konami-код, NES-геймпад и Toasty

Главное, ради чего я это пишу. На главной странице набираешь ↑↑↓↓←→←→BA. Частицы на фоне взрываются радугой, выезжает панель быстрых ссылок «$ kubectl get resources». Через 600 мс, на пике взрыва, из правого нижнего угла выезжает Дэн Форден и кричит «Toasty!», как в Mortal Kombat на Sega Genesis после быстрого апперкота. Держится 1,6 секунды и уезжает.

Рядом с подсказкой анимированный NES-геймпад: кнопки подсвечиваются в порядке кода, а когда набираешь по-настоящему, подсвечиваются твои нажатия. Код ловится по физической клавише, а не по символу, поэтому работает и в русской раскладке (B это «и», A это «ф»). Если в системе включён prefers-reduced-motion, геймпад не крутит демо, а Toasty появляется без выезда, простым проявлением.

Детали и обсуждение: issue #52, PR #53 с Toasty, PR #51 с геймпадом.

Ещё две мелочи. В консоли браузера есть whoami(), skills() и sudo("hire-me"). А страница 404 оформлена как kubectl describe pod со статусом CrashLoopBackOff и Restarts: 404.

SEO и превью в соцсетях

Менее весёлое, но полезное: og:image, Twitter cards, JSON-LD (Person и ProfessionalService), sitemap, нормальные заголовки для поисковой выдачи. Практический эффект один: ссылка на сайт красиво разворачивается в превью в LinkedIn, X и Telegram.

Что дальше: чат-терминал с источниками

Следующая фича: чат в стиле терминала прямо на сайте. Спрашиваешь «есть ли у Кирилла опыт с X», а он отвечает только тем, что реально есть в моих материалах: сайт, GitHub, статьи. К каждому утверждению ссылка на источник.

Если прямого пруфа нет, он так и скажет, покажет ближайшее похожее и не станет придумывать вердикт. Мне это важнее красивого ответа. Следить за задачей можно здесь: issue.

Нужен ли обновлённый гайд

Думаю переписать гайд под 2026: новый интерфейс Cloudflare и как пройти весь путь с AI-ассистентом. Если это полезно, дайте знать любым способом: комментарий, звезда или реакция в репо, личка, k@kazakov.xyz.

Профили: notes.kazakov.xyz, GitHub, X и Instagram @kk_sudo.

Дисклеймер / Disclaimer: material is published for informational and research purposes. Полный отказ от ответственности / Full disclaimer.