# Свой блог на статике за вечер

Канонический URL: https://zero2claude.ru/blog/project-static-blog
Дата: 2026-09-05
Теги: claude-code, кейс, новичкам

Как собрать простой блог из обычных файлов с Claude Code: придумать идею, разложить структуру, написать первый пост и открыть его в браузере.

«Заведу блог» — мысль, которая обычно умирает на этапе «а как». Где его делать? Какую платформу выбрать? Нужен ли дизайнер, хостинг, движок с админкой, подписки на сервисы? И вот ты уже не пишешь, а сравниваешь конструкторы и закрываешь десять вкладок с тарифами. Идея была про текст, а утонула в технике.

Давай зайдём с другого конца. Самый простой блог — это **папка с файлами**, которые открываются в браузере. Без сервера, без базы данных, без логина. Такой блог называют статическим, и собрать его с Claude Code можно за один вечер — даже если ты никогда не писал ни строчки кода. Пройдём весь путь: от идеи до открытой в браузере страницы.

<Cover src="/blog/project-static-blog.jpg" alt="Тёплая открытая записная книжка как метафора простого блога из файлов" />

## Сначала — идея, а не технологии

Не открывай редактор. Открой терминал в пустой папке, запусти `claude` и просто расскажи задумку человеческими словами. Без терминов, без «настрой мне фреймворк» — ты ведь и не обязан знать, что это.

Например, так:

> «Хочу простой блог про мои походы в горы. Главная страница со списком статей и отдельная страница под каждую статью. Ничего сложного — обычные файлы, которые открываются в браузере. Покажи план, файлы пока не трогай.»

Заметь две вещи. Во-первых, ты описал **смысл**, а не устройство: про что блог, какие страницы нужны. Во-вторых, попросил **сначала план** — это режим, в котором Claude расскажет, что собирается сделать, до того как что-то создаст. Ты читаешь, киваешь, и только потом даёшь добро. Никаких сюрпризов.

В ответ ты получишь не лекцию, а понятную раскладку: вот будет главная страница, вот папка под статьи, вот общий стиль на все страницы. Тебе не нужно решать «React или что-то ещё» — для простого блога хватит самых обычных файлов, и Claude сам предложит это решение, потому что оно правда самое простое.

## Раскладываем структуру

Согласовали план — Claude создаёт файлы прямо в твоей папке. И тут полезно понимать, что у тебя в итоге появится, даже не вникая в код:

- **Главная страница** — список твоих статей со ссылками. Это «обложка» блога.
- **Страницы статей** — по одному файлу на пост. Каждый открывается по своей ссылке.
- **Общий вид** — один файл со стилем, который применяется ко всем страницам сразу. Поменял в одном месте — изменилось везде.

Вся прелесть статического блога именно в этой простоте. Нет «движка», который надо обновлять. Нет базы данных, которая может сломаться. Есть папка с файлами — как папка с документами на столе, только она умеет открываться в браузере и выглядеть красиво.

Если что-то в структуре непонятно — переспрашивай. «А куда я буду добавлять новые статьи?», «Покажи, как главная узнаёт про новый пост» — каждый такой вопрос дорисовывает картину. Это не глупые вопросы, это нормальный способ въехать: ты задаёшь их вслух вместо того, чтобы час гадать самому.

<Callout type="tip">
Проси добавлять по одному кусочку за раз и поглядывай на результат после каждого шага. «Сделай блог, статьи, теги, поиск и тёмную тему» одним запросом — это каша: трудно понять, что именно появилось. Маленькие шаги = понятные изменения = не страшно ошибиться.
</Callout>

## Пишем первый пост и открываем в браузере

Каркас есть — пора наполнить его жизнью. И вот здесь начинается самое приятное: ты возвращаешься к тому, ради чего всё затевалось, — к тексту.

> «Добавь первую статью: заголовок „Как я собрался в первый поход“, пара абзацев о том, как готовился, и список вещей, которые взял с собой.»

Claude создаст файл новой статьи, наполнит его твоим текстом и сам добавит ссылку на неё на главную страницу. Тебе не надо помнить, «куда вписать», — он соединяет страницы между собой за тебя.

Теперь — момент, ради которого мы и шли. Открой получившуюся страницу в браузере и посмотри на свой блог вживую. Это не макет и не превью в чужом сервисе — это твои файлы, открытые так же, как открылся бы любой сайт. Ощущение «оно работает, и это сделал я» стоит целого вечера.

Не нравится? Прекрасно — значит, есть что улучшить, и это делается так же просто:

- «Заголовок на главной сделай крупнее.»
- «Добавь сверху короткое описание блога в одну строку.»
- «Добавь вторую статью про снаряжение и поставь её первой в списке.»

Одна правка — посмотрели — следующая. Так ты всегда понимаешь, что меняется, и блог растёт у тебя на глазах, а не превращается в непонятный ком.

<Callout type="note">
«Статический» звучит как ограничение, но для личного блога это плюс, а не минус. Такие сайты простые, быстрые и почти ничего не стоят в обслуживании — именно поэтому с них удобно начинать. Вырастешь из формата — добавишь сложности позже. Но на старте чем проще, тем больше шансов, что ты и правда начнёшь писать, а не бросишь на настройке.
</Callout>

## Что важно унести с собой

Собрать блог за вечер реально не потому, что ты вдруг стал программистом, а потому что путь устроен по-человечески: **опиши идею → согласуй план → посмотри результат → уточни по шагам.** Ты занят смыслом — про что блог и что в нём написать, — а превращение слов в файлы берёт на себя Claude Code.

И главное — это не одноразовый трюк. Тот же самый ритм работает на любом первом проекте: страничка-визитка, список дел, маленький сайт для хобби. Меняется тема, но петля одна. Освоишь её один раз — и «а как же это сделать» перестанет быть стеной перед каждой идеей.

Самое сложное в первом блоге — не код. Это решиться начать и довести до открытой в браузере страницы. С проводником, который превращает твои слова в файлы и всё объясняет по дороге, этот вечер становится по силам кому угодно. Дальше — только твои тексты.
