Быстро разместим простой сайт в интернете за несколько шагов с помощью GitHub Pages — бесплатного сервиса для публикации статических веб-страниц.

Этот способ подойдёт, если вам нужно опубликовать простой сайт, статью, курсач в Школе редакторов или несложное портфолио. Если вы хотите поднять блог или проект с серверной логикой (PHP, Node.js, Ruby и др.), советую вам рассмотреть бесплатные хостинги, о них в следующей статье.

В этой статье мы не будем пользоваться терминалом и редактором кода, а сделаем всё через веб-интерфейс GitHub, так что у вас всё получится.

Шаги

Создайте аккаунт на GitHub
Создайте новый репозиторий
Добавьте HTML-файл в репозиторий
Активируйте GitHub Pages
Поделитесь ссылкой на сайт

1. Создайте аккаунт на GitHub

Для начала вам понадобится аккаунт на GitHub. Это платформа для хранения и совместной работы с проектами, чаще всего для кода, но она отлично подходит и для веб-сайтов.

1. Перейдите на сайт GitHub
2. Зарегистрируйтесь, если у вас еще нет аккаунта.

2. Создайте новый репозиторий

GitHub Pages работает на основе репозиториев (хранилищ), в которых хранятся все файлы вашего сайта. Чтобы опубликовать сайт, нужно создать репозиторий:

1. На главной странице GitHub нажмите на кнопку New для создания нового репозитория.

2. Дайте репозиторию имя — yourusername.github.io/name site/ (где yourusername — это ваше имя пользователя на GitHub, а name site — имя сайта). Это важно, так как репозитории с таким именем автоматически становятся активными сайтами на GitHub Pages.

3. Сделайте репозиторий публичным (это необходимо для работы GitHub Pages).

4. Нажмите Create repository.

3. Добавьте HTML-файл в репозиторий

На этом этапе вам понадобится HTML-файл, надеемся, что у вас он уже есть. Если нет, читайте, как сверстать статью в HTML за 7 шагов.

Проверьте, что файл называется index.html — это будет главная страница сайта.

Загрузите файл index.html в созданный репозиторий. Для этого:

1. Нажмите на кнопку Add file > Upload files.
2. Перетащите ваш index.html или выберите его через проводник.
3. Нажмите Commit changes.

4. Активируйте GitHub Pages

Теперь, когда ваш репозиторий создан и в него загружен HTML-файл, осталось активировать GitHub Pages:

1. В настройках репозитория (вкладка Settings) найдите раздел Pages.
2. В разделе Branch выберите main (или другую ветку, если у вас она называется иначе).
3. Нажмите Save.

GitHub активирует сайт, и через несколько минут он станет доступен по адресу yourusername.github.io/name-site.

5. Поделитесь ссылкой на сайт

Теперь ваш сайт доступен в интернете. Вы можете поделиться ссылкой на ваш GitHub Pages сайт в социальных сетях, мессенджерах или на других платформах. Если вам нужно внести изменения, просто отредактируйте HTML-файл и загрузите его заново в репозиторий.

Я помогаю экспертам, малому бизнесу и образовательным проектам с редактурой учебников, статей и гайдов. Пишу про информационные технологии и всё, что с ними связано.

Чтобы обсудить задачу, напишите: koshuba.pro@gmail.com