Гитхаб как хостинг

Статья последний раз была обновлена 15.05.2023

На сегодняшний день эта статья полностью утратила свою актуальность в пользу вот этой статьи от 13.06.2022 — подключаем свой домен к сайту на GiHub Pages >>

Если ваш сайт — это статические HTML-страницы, то необязательно приобретать хостинг, можно воспользоваться сервисом GitHub Pages. Для этого у вас должен быть аккаунт на Гитхабе. Как зарегистрироваться можно посмотреть вот тут.

Шаг 1. Создание нового репозитория

Для создания репозитория заходим на сайт Гитхаба, и в блоке «Your repositories» нажимаем кнопку «New repository».

Теперь нам нужно заполнить параметры нового репозитория. Важно, чтобы название репозитория было в виде username.github.io, где username — имя вашего аккаунта на Гитхабе. Обязательно установим галочку «Initialize this repository with a README», а затем нажмем кнопку «Create repository» в форме создания репозитория.

Шаг 2. Загрузка файлов

Репозиторий создан, теперь нужно загрузить файлы. Для этого необязательно клонировать репозиторий к себе на компьютер или постигать другие нюансы работы с Гитом, можно воспользоваться интерфейсом Гитхаба.

1. Давайте нажмем кнопку «Upload files».
2. Затем перетащим файлы в появившееся поле для загрузки.
3. Добавим комментарий к нашему коммиту, и нажмем кнопку «Commit changes».

Готово! Файлы загружены в репозиторий.

Шаг 3. Проверка работы сайта

Чтобы проверить работу сайта, достаточно перейти по адресу username.github.io. Вуаля!

Шаг 4. Подключаем свой домен

Гитхаб позволяет использовать собственное доменное имя вместо стандартного username.github.io. Для этого, разумеется, вам сначала нужно приобрести домен. Если вы интересуетесь такими вещами как Гитхаб, то наверняка уже знаете, как зарегистрировать новый домен.

Предположим, что у нас уже есть домен. Подключим его к репозиторию: перейдем во вкладку «Settings» в интерфейсе репозитория, и в разделе «GitHub Pages» в поле «Custom domain» введем название нашего домена (пусть username.ru), теперь надо нажать кнопку «Save».

С этого момента Гитхаб знает о нашем домене, однако, этого недостаточно — нужно изменить информацию о DNS-записях самого домена. Для этого нам необходимо перейти на сайт доменного регистратора, где домен был куплен. Интерфейс работы с DNS-записями у каждого регистратора разный, но суть примерно одинакова.

Нам нужно настроить A-запись домена, для этого перейдем в панель управления DNS-записями, найдем (или добавим) A-запись и укажем 192.30.252.153 в качестве ее значения. Еще будет полезной памятка Гитхаба по настройке А-записей у DNS провайдера.

Все готово! В течение нескольких часов вы сможете открыть свой сайт, используя ваш домен.