Как создать и захостить сайт абсолютно бесплатно

ChatGPT + GitHub Pages + редактор кода · ~15 минут · не нужен опыт программирования

Что понадобится

Шаги

  1. Найдите сайт-референс. Найдите в интернете сайт, дизайн которого вам нравится, и скопируйте ссылку.
  2. Сгенерируйте сайт в ChatGPT. Зарегистрируйтесь и отправьте промпт (шаблон ниже), подставив свою ссылку и описание себя.
  3. Скопируйте код. Нажмите «Копировать» у блока кода в ответе ChatGPT.
  4. Создайте репозиторий на GitHub. Зарегистрируйтесь на github.com → «+» → «New repository». Имя — строго ваш_логин.github.io (это будущий адрес сайта, изменить нельзя). Описание — любое, режим — Public → «Create repository».
  5. Откройте редактор кода. На странице репозитория нажмите клавишу . (точка) или кнопку «Code» → «Codespaces» — откроется онлайн-версия VS Code.
  6. Создайте index.html. В проводнике нажмите «новый файл», назовите его ровно index.html и вставьте код из ChatGPT.
  7. Зафиксируйте изменения. Вкладка Source Control → напишите сообщение (например, «Мой первый сайт») → Commit.
  8. Синхронизируйте. Нажмите Sync Changes внизу и подтвердите — код уедет на GitHub.
  9. Подождите 1–2 минуты и откройте ваш_логин.github.io — сайт уже в интернете! 🎉
  10. Улучшайте. Просите ChatGPT: «сделай шапку липкой», «добавь галерею», «поменяй цвета на синие». Каждый раз просите заново полный файл и повторяйте шаги 6–8.

Промпт для ChatGPT (шаблон)

Создай сайт, похожий на [ССЫЛКА НА САЙТ-РЕФЕРЕНС].

Только это должна быть моя рабочая страница. Расскажи обо мне: [ВАША ИНФОРМАЦИЯ — чем занимаетесь, опыт], моя работа: [услуги/проекты], контакты: [телефон, email, соцсети], цены на услуги: [ваш список].

Требования: всё в одном файле index.html (HTML + CSS внутри), адаптивный под телефон, современный дизайн.
⚠️ Репозиторий называйте точно логин.github.io — строчными буквами, без пробелов. Тогда сайт откроется по адресу https://ваш_логин.github.io

Чек-лист перед публикацией