Настройка домена
February 11, 2023

Паркуем домен на GitHub Pages

Предисловие

Простыми словами сеть "интернет" главным образом построена IP-адресах. Человекам пользоваться IP-адресами не совсем удобно =) Тут нам на помощь приходят человеко читаемые имена - DNS (система доменных имен). Эта система - телефонный справочник "интерната". Справочник с определенной структурой и правилами. Подробности здесь. А мы попробуем сделать свои первые шаги.

Поехали

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

Способов создать свой сайт на GitHub Pages масса, выбирайте вариант, который вам по вкусу. Я буду показывать шаги по настройке домена на примере своей персональной страницы: https://github.com/a-severin/a-severin.github.io

Для своей страницы я зарегистрировал новое доменное имя, как было описано тут

В личном кабинете REG.RU я вижу, что мое доменное имя не подключено к сайту. Что ж через минуту мы это исправим.

Но сперва, мы открываем настройки репозитория, вкладка "Settings" в верхнем правом углу, в меню слева выбираем пункт "Pages", в поле "Custom domain" я ввожу свое доменное имя "a-severin.ru", нажимаем "Save", и пока GitHub скажет, что он не может найти запись DNS - все хорошо, всё идет по плану :

Теперь возвращаемся в личный кабинет REG.RU и настраиваем домен. Открываем настройки DNS, в меню "Действия" выбираем пункт "DNS-серверы и управление зоной"

Удаляем "Ресурсные записи" созданные при регистрации домена. Жмем "Добавить запись"

Выбираем тип записи "А"

Вводим в "Subdomain" символ "@", в IP Address указываем IP GitHub Pages "185.199.108.153", жмем "Готово":

Создаем вторую запись типа CNAME

Вводим в "Subdomain" значение "www", а в "Canonical name" указываем имя нашей страницы на GitHub Pages, в моём случае это "a-severin.github.io", жмем "Готово":

Теперь...ждем. Да, ждем. Внесение изменений в "справочник интернета" требует времени. Как узнать, что время пришло и мир может насладиться нашим сайтом? Всё просто, идем на специализированный сайт DNS Checker, вводим имя своего сайта:

И видим запись, куда указывает наш домен:

Проверяем www.*

И видим внесенную нами запись CNAME:

Финальный шаг. Возвращаемся в настройки нашего репозитория. GitHub автоматически обновит информацию о записях в DNS

После успешной проверки нам будет доступна опция включить HTTPS на нашем сайте:

Подробная инструкция от GitHub здесь.