Blog logotype

Привязка домена к репозиторию с GitHub-pages

Данный цикл статей посвящён созданию сайта на GitHub и его оптимизации.

Итак, мы купили домен и решили выложить пару сайтов, а денег нет. Что делать? Как известно, GitHub даёт бесплатный хостинг для статических сайтов, а также даёт избежать кода на стороне сервера. Причём ограничений на объём никаких нет.

Сегодня мы попробуем создать простой лендинг и привязать его к домену.

  1. Создаём репозиторий, называем YOUR-USERNAME.github.io. В данном случае у нас kaptn3.github.io.Создание репозитория
  2. Создаём простую страничку со стилями:Простая страница
  3. Далее пишем CNAME-запись в репозитории, где будет записан адрес нашего сайта: CNAME-запись
  4. Переходим на настройки репозитория, находим блок GitHub Pages и включаем Source. Я выбрала ветку master. Включение github-pages На этом пока работа с GitHub закончена.
  5. Приступим к настройке DNS-зоны. Небольшое прмечание: бывают такие регистраторы, которые не предоставляют настройку DNS-зоны, только NS-записи. Таким регистратором является fozzy.com. Чтобы настроить DNS-зону, можно делегировать права на CloudFlare и настраивать записи через него. Так и сделаем. Во-первых, добавим две A-записи на два адреса: 192.30.252.153 и 192.30.252.154. Во-вторых, добавим CNAME-запись на www со значением YOUR-USERNAME.github.io. Вот какие записи мы получили:Настройка DNS
  6. Теперь осталось подождать, когда DNS-записи вступят в силу, обычно нужно ждать до 24 часов. Можно перейти в настройки репозитория GitHub, где мы увидим следующее: Ссылка GitHub PagesПримечание. Если у вас есть другие репозитории в качестве github-pages, то ссылка на сайт будет в виде: ваш-домен/название-репозитория даже без CNAME-файла в каждом из репозиториев. Пример{:rel="external"}

Пока на этом всё, здесь{:rel="external"} вы можете посмотреть исходный код. В следующей статье создадим субдомен сайта.