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

Что получится в итоге

Настоящий сайт в интернете с вашим собственным адресом — например, https://ваш_логин.github.io.

Попробуйте прямо здесь — отредактируйте код и сразу увидите результат:

<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Иван Иванов — фотограф</title>
  <style>
    body {
      font-family: system-ui, sans-serif;
      margin: 0;
      min-height: 100vh;
      display: grid;
      place-items: center;
      background: #0f1115;
      color: #fff;
      text-align: center;
    }
    h1 { color: #d97757; font-size: 2.5rem; margin: 0; }
    p { color: #9ca3af; max-width: 32rem; }
    a {
      display: inline-block;
      margin-top: 1rem;
      padding: 0.6rem 1.4rem;
      background: #d97757;
      color: #fff;
      border-radius: 0.5rem;
      text-decoration: none;
    }
  </style>
</head>
<body>
  <div>
    <h1>Иван Иванов</h1>
    <p>Фотограф. Снимаю жизнь, а не позы.</p>
    <a href="#">Мои работы</a>
  </div>
</body>
</html>

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

• Аккаунт ChatGPT — chat.openai.com (бесплатного тарифа хватает)
• Аккаунт GitHub — github.com
• ~15 минут времени

Больше ничего. Всё остальное работает прямо в браузере, платить не нужно.

Три слова, которые встретятся ниже, простым языком:

• Репозиторий — папка проекта на GitHub. В ней лежат ваши файлы и история всех изменений. Вот и всё.
• Коммит — «сохранить эту версию» с короткой подписью, что изменилось.
• Деплой — выложить сохранённую версию в интернет, чтобы её увидел мир.

Шаг за шагом

Частые ошибки

• Файл называется не index.html — например, Index.html или main.html. GitHub Pages ищет именно index.html, маленькими буквами.
• Вставили отрывок вместо целого файла — страница открывается пустой или наполовину. Попросите ChatGPT полный файл заново.
• Репозиторий назван не по шаблону — логин-github-io или mysite.github.io не сработает. Нужен точный формат: логин.github.io, где логин — ваш собственный ник на GitHub.
• Репозиторий создан как закрытый (Private) — GitHub Pages бесплатен только для публичных репозиториев. Проверить и исправить можно в Settings → General → Danger Zone → Change repository visibility.
• Не подтвердили почту на GitHub — сайт молча отказывается публиковаться. Проверьте письмо со ссылкой для подтверждения.
• Забыли Sync — Commit без Sync оставляет изменения только на вашем компьютере.
• Проверяете сразу — деплой занимает 1–2 минуты. Обновите страницу чуть позже.

Что дальше?

Когда базовый сайт работает, можно: подключить свой домен, добавить страницу блога, попросить ChatGPT сделать тёмную/светлую тему с переключателем — каждый раз просите заново полный файл и повторяйте шаги 6–7.

Два полезных следующих шага: Ваш первый кодинг-агент собирает такие страницы прямо на вашем компьютере, а Git для вайб-кодеров объясняет кнопку отмены, которая прячется за Commit и Sync. Похожие пошаговые гайды собраны в разделе «Уроки», а новое появляется в блоге.