Первый сайт на сервере: генерим страницу нейросетью и публикуем в интернете
Берём страницу у нейросети, арендуем сервер на Timeweb, подключаемся по ssh и привязываем домен с reg.ru. Полная публикация сайта с нуля, без знания кода.
Что получится
Через час у тебя будет настоящий сайт, который открывается по адресу в интернете. Показать его можно кому угодно, просто скинув ссылку. Кода знать не нужно: страницу напишет нейросеть, а мы её опубликуем.
Звучит сложно только на словах. На деле это пять понятных шагов: сгенерировать страницу, арендовать сервер, подключиться к нему, положить туда сайт, привязать красивый адрес.
Что понадобится
Три бесплатных (или почти) аккаунта и терминал. Терминал уже есть в любом компьютере: на Mac это программа «Терминал», на Windows подойдёт «PowerShell».
- аккаунт в нейросети (Claude или ChatGPT),
- аккаунт на Timeweb Cloud, там мы возьмём сервер,
- аккаунт на reg.ru, там купим домен.
Шаг 1. Просим нейросеть сделать сайт
Открываем Claude или ChatGPT и вставляем готовый промпт. Он просит вернуть один файл index.html, внутри которого лежит вся страница сразу: и текст, и оформление.
Сделай простой одностраничный сайт-визитку. Весь код (HTML и CSS) положи в один файл index.html, без внешних библиотек и без сборки. Структура страницы: сверху моё имя и короткое описание, ниже блок «обо мне» на пару абзацев, затем кнопка-ссылка на мой телеграм, внизу подвал с годом. Оформление: современное, тёмная тема, аккуратные отступы, читаемый крупный шрифт. Верни файл целиком, чтобы я мог скопировать всё и сохранить как index.html.
Нейросеть вернёт длинный текст, который начинается со строки <!doctype html>. Это и есть наш сайт. Скопируй его целиком, он понадобится на шаге 4.
Это главный файл сайта. Когда браузер заходит на адрес, он первым делом ищет именно index.html и показывает его. Внутри: HTML задаёт содержимое (заголовки, текст, кнопки), а CSS отвечает за внешний вид (цвета, отступы, шрифты).
Шаг 2. Берём сервер на Timeweb
Сервер это просто чужой компьютер, который работает круглосуточно и показывает наш сайт всем посетителям. Для одной страницы хватит самого маленького.
- 01
Регистрируемся в Timeweb Cloud
Заходим на Timeweb Cloud, создаём аккаунт и пополняем баланс на пару сотен рублей.
- 02
Создаём сервер
В разделе «Облачные серверы» жмём «Создать». Выбираем образ Ubuntu (последнюю версию) и самый дешёвый тариф. Регион подойдёт любой.
- 03
Забираем доступы
После создания Timeweb покажет IP-адрес сервера (четыре числа через точку) и пароль пользователя root. Запиши их, они нужны для входа.
Шаг 3. Подключаемся к серверу
Чтобы управлять сервером, к нему подключаются по ssh. Это защищённый способ отдавать команды чужому компьютеру прямо из своего терминала.
Представь, что ты сидишь за клавиатурой удалённого компьютера, хотя физически он в дата-центре Timeweb. ssh открывает такой зашифрованный «пульт»: что набираешь у себя, то выполняется на сервере.
Открой терминал и набери команду, подставив свой IP вместо примера:
ssh root@203.0.113.10Терминал один раз спросит, доверяешь ли ты серверу (ответь yes), а затем попросит пароль root из шага 2. При вводе пароль не отображается, это нормально: просто вставь его и нажми Enter. Увидел приглашение вида root@..., значит ты уже внутри сервера.
Шаг 4. Кладём сайт на сервер
Поставим веб-сервер nginx (программа, которая отдаёт страницы посетителям) и положим в него наш index.html.
Прямо в подключённом терминале выполни установку:
apt update && apt install -y nginxОткрой в браузере http://ВАШ_IP. Если увидел стандартную заставку nginx, сервер работает. Осталось заменить её на наш сайт:
nano /var/www/html/index.htmlОткроется простой текстовый редактор. Сотри всё, что внутри, вставь код от нейросети (на Mac это Cmd+V, в терминале Windows правый клик или Ctrl+Shift+V), сохрани сочетанием Ctrl+O и Enter, выйди через Ctrl+X. Обнови вкладку с http://ВАШ_IP, и там окажется твоя страница.
Все эти команды в терминале реально не набирать самому. Агенты вроде Claude Code или Codex умеют сами подключаться к серверу по ssh и выполнять их за тебя, достаточно дать им доступ и описать задачу. Но пока ты новичок, пройди шаги руками: так ты поймёшь, что на самом деле происходит на сервере и почему. Делегируешь рутину агенту позже, когда механика уляжется.
Шаг 5. Привязываем красивый адрес (reg.ru)
Сайт уже в интернете, но адрес пока это набор цифр. Купим понятный домен и направим его на наш сервер.
Домен это имя сайта, например moe-imya.ru. DNS это телефонная книга интернета: она связывает имя с IP-адресом. A-запись это одна строчка в этой книге, которая говорит «домен moe-imya.ru ведёт на IP 203.0.113.10».
- 01
Покупаем домен
На reg.ru вбиваем желаемое имя в поиск, выбираем свободное (зона
.ruсамая дешёвая) и оплачиваем. - 02
Прописываем A-запись
В личном кабинете reg.ru открываем купленный домен, заходим в управление зоной DNS. Добавляем запись типа
A: в поле имени ставим@, в значение пишем IP нашего сервера. Такую же запись делаем дляwww. - 03
Ждём и проверяем
Изменения расходятся по интернету от нескольких минут до пары часов. После этого сайт открывается уже по твоему домену.
Готово
У тебя есть сайт: его сгенерировала нейросеть, он лежит на твоём сервере и открывается по собственному адресу. Это полноценная публикация, а не песочница.
Такие разборы выходят регулярно
Короткие мысли и находки я публикую в телеграм-канале, а глубокие разборы, курсы и сообщество, где растут инженеры, живут здесь, в Lab.
Заведи аккаунт в ITUZOV LAB и сохраняй материалы и прогресс чтения.
Зарегистрироваться