К содержимому
Claude Code с 0:полный курс
КейсАвтор: Михаил Кузьмицкий

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

Коротко

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

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

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

Тёплая открытая записная книжка как метафора простого блога из файлов

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

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

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

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

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

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

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

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

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

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

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

Совет

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

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

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

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

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

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

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

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

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

Заметка

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

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

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

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

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

Читайте также

Попробуй на практике

Бесплатные интерактивные курсы по теме — прямо в браузере, с нуля.