Найти в Дзене
Кодик. Курсы по HTML, Python, CSS, JavaScript
5 подписчиков

Как за 10 минут настроить GitHub Pages и выложить свой первый сайт?

1
1 мин
Хочешь выложить свой сайт, но не знаешь с чего начать?
Вот пошаговая инструкция, как опубликовать сайт на GitHub Pages — без серверов и хостинга. GitHub Pages — это бесплатный хостинг для статических сайтов прямо из вашего репозитория.
Он идеально подходит для портфолио, резюме, лендингов и pet-проектов. Не нужно настраивать сервера — просто загружаешь HTML-файлы и получаешь ссылку на свой сайт. Перейди на github.com, нажми New repository.
Назови, например, my-first-site. 👉 Важно: репозиторий должен быть публичным. Если у тебя есть index.html, просто: 🎁 Можно добавить и другие файлы (CSS, изображения). Зайди в Settings → Pages (или "Pages" в боковом меню). ✅ Через пару секунд появится ссылка вида:
https://<твой-ник>.github.io/<имя-репозитория>/ Открой ссылку — твой сайт уже в интернете!
Покажи друзьям, добавь в резюме, поделись в соцсетях. Хочешь изменить что-то? Просто: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Мой сайт</title>
</head>
<body>
Оглавление

Хочешь выложить свой сайт, но не знаешь с чего начать?
Вот пошаговая инструкция, как опубликовать сайт на GitHub Pages — без серверов и хостинга.

🧭 Что такое GitHub Pages?

GitHub Pages — это бесплатный хостинг для статических сайтов прямо из вашего репозитория.

Он идеально подходит для портфолио, резюме, лендингов и pet-проектов.

Не нужно настраивать сервера — просто загружаешь HTML-файлы и получаешь ссылку на свой сайт.

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

  • Аккаунт на GitHub
  • Готовый HTML-файл (например, index.html)
  • 10 минут времени
-2

🚀 5 шагов, чтобы выложить сайт:

1. Создай репозиторий

Перейди на github.com, нажми New repository.

Назови, например, my-first-site.

👉 Важно: репозиторий должен быть публичным.

2. Загрузи файлы сайта

Если у тебя есть index.html, просто:

  • Нажми Add file → Upload files
  • Перетащи index.html и нажми Commit changes

🎁 Можно добавить и другие файлы (CSS, изображения).

3. Включи GitHub Pages

Зайди в Settings → Pages (или "Pages" в боковом меню).

  • В разделе Source выбери ветку: main и папку: / (root)
  • Нажми Save

✅ Через пару секунд появится ссылка вида:

https://<твой-ник>.github.io/<имя-репозитория>/

4. Проверь сайт

Открой ссылку — твой сайт уже в интернете!

Покажи друзьям, добавь в резюме, поделись в соцсетях.

5. Обновляй сайт легко

Хочешь изменить что-то? Просто:

  • Обнови index.html
  • Нажми Commit changes — и сайт обновится автоматически

🖼 Пример: минимальный сайт

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Мой сайт</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый сайт на GitHub Pages 🌐</p>
</body>
</html>

🧩 Как использовать дальше?

  • 💼 Сделай портфолио: размести проекты, контакты и резюме
  • ✏️ Создай сайт-блог на Markdown
  • 🧪 Экспериментируй с HTML, CSS и JS — результат будет доступен по ссылке

📦 Альтернатива: GitHub Desktop или VS Code

Можно работать не через веб-интерфейс, а прямо с компьютера:

  • Установи GitHub Desktop или VS Code
  • Подключи репозиторий
  • Вноси изменения локально и отправляй их одной кнопкой

❓А как ты выложил свой первый сайт?

Расскажи в комментариях — что было сложнее всего, и какой проект ты опубликовал первым?
А если хочешь — Кодик покажет, как подключить красивый домен или сделать портфолио на HTML + Tailwind CSS.