This version of the page http://info.nic.ua/?p=11428 (0.0.0.0) stored by archive.org.ua. It represents a snapshot of the page as of 2017-12-23. The original page over time could change.
Как сделать свой сайт с GitHub Pages | Инфоник — говорим о доменах и хостинге без формальностей

Как сделать свой сайт с GitHub Pages

10 февраля 2016, Марина Зайцева

В одной из прошлых заметок я рассказывала о том, какие интересные подарки можно сделать с доменом. Один из них — свой сайт. Не всегда есть силы и желание настраивать хостинг, поэтому если нужен простой статический сайт или блог, к которому можно подобрать хорошие шаблоны, советую попробовать GitHub Pages.

Для начала зарегистрируйтесь на сайте http://github.com. Это бесплатно. Чтобы было удобней работать с будущим сайтом, поставьте себе приложение GitHub для Mac или GitHub для Windows. Если вы умеете работать с репозиториями из терминала, можете ничего не ставить.

  1. Создайте в своем аккаунте на GitHub репозиторий с именем username.github.io, где username — это ваш юзернейм на GitHub (если они не будут совпадать, то сайт не будет работать).

  2. После того, как вы создали репозиторий, клонируйте его из своего аккаунта себе на компьютер — это не так сложно, как звучит 🙂 Фактически у вас на компьютере появится папка, в которой будут храниться копии страниц сайта.

    Для этого нажмите кнопку Set up in Desktop, и у вас откроется приложение GitHub. Оно спросит, куда и под каким именем клонировать репозиторий.

  3. Откройте любимый текстовый редактор и создайте в папке репозитория файл с именем index.html и с таким содержанием: 
    <!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>My website on GitHub Pages. It works!</p>
</body>
</html>

    Сохраните файл.

  4. Теперь нужно залить изменения на сервер. Откройте приложение GitHub, найдите там свой репозиторий, нажмите Commit и Sync (или Publish).

  5. Готово. Теперь зайдите на свой сайт http://username.github.io.

У GitHub Pages есть свои простые маркдаун-страницы для сайтов, но можно поискать красивые бесплатные шаблоны других фреймворков, например, для Bootstrap.

Свой домен на GitHub Pages

Не всегда хочется давать ссылку на свой сайт в виде http://username.github.io, поэтому советую направить его на красивый личный домен. Для начала зарегистрируйте домен, если его у вас еще нет 🙂

Для того чтобы направить свой домен на сайт в GitHub Pages, нужно указать этот домен в файле CNAME в репозитории GitHub и правильно настроить DNS-записи самого домена.

Сделаем все по порядку.

Файл CNAME в репозитории

  1. Зайдите в репозиторий своего проекта на сайте GitHub.
  2. Создайте в корне репозитория файл с названием CNAME (имя большими буквами).

  3. Добавьте в первую строку файла имя своего домена или поддомена без http://. Например, blog.example.com или bestblog.co.ua. В этом файле может быть только один домен.

  4. Нажмите Commit changes внизу страницы.

Теперь проверим, все ли правильно получилось настроить. Зайдите в свой репозиторий и нажмите на Settings в правой панели сайта.

В разделе GitHub Pages вы должны увидеть такую строчку: Your site is published at http://blog.example.com.

Настройка DNS-записей для GitHub Pages на NIC.UA

Чтобы направить свой домен на GitHub Pages, зайдите в свой кабинет на NIC.UA в раздел Мои заказы → Серверы имен (NS), поставьте галочку возле нужного домена и нажмите кнопку Изменить. В DNS-записях*:

  • для основного домена типа bestblog.co.ua создайте с именем “@”, типом CNAME и укажите в данных username.github.io. (с точкой в конце), где username — это ваш юзернейм на GitHub.
  • для поддомена типа blog.example.com добавьте CNAME-запись с именем поддомена (например, “blog”) и укажите в данных username.github.io. (с точкой в конце), где username — это ваш юзернейм на GitHub.

*  если в ваших DNS-записях уже есть А-запись с именем, которое вы хотите указать в новой DNS-записи CNAME (например,“@” или “blog”), сперва нужно удалить существующую А-запись.

Если ваш домен ещё не обслуживают серверами имён NIC.UA, настройте его согласно инструкции.

Если у вас возникнут дополнительные вопросы или сложности с настройкой, пишите нам в поддержку.

Автор: Марина Зайцева

Вы можете перейти в конец и оставить комментарий. Уведомления сейчас отключены.

  • Евгений Поляков

    Ну наконец то, рассказали как использовать github в роли хранилища и подключить домен. Очень полезно! Спасибо большое

  • Андрій Ступницький

    А там выполняется PHP? И как быть с MySQL?

  • Носов Константин

    PHP? О чем это вы — github STATIC pages. STATIC pages generator: https://www.staticgen.com/

  • Андрій Ступницький

    Спасибо

  • Infonic

    Спасибо за ваш отзыв!

  • Aleksandr Sid’ko

    Ну почему нельзя было заскринить и выложить вашу настройку DNS-записей? Это же самое важное в статье.

  • Sergiy Antonyuk

    Полезная статья: все четко описано и, главное, все работает.
    Спасибо автору

  • БлагоѨръ Тишина̀

    БлагоДарю

Подпишитесь на новости:

Последние новости

  • Почему вашему сайту нужен SSL и как его выбрать
  • Как выбрать домен и создать бренд
  • Какие домены самые популярные?
  • Как быстро создать свой сайт с Installatron
  • Как мы работаем с персональными данными
  • Как настроить домен при помощи редиректа
  • Что означает отказ правительства США от контроля над доменами
  • Как мы создавали новый сайт NIC.UA
  • 7 крутых cпособов использования серверов в облаке
  • Как увеличить прибыль с помощью SEO: советы от Михаила Щербачёва

Лучшие статьи

  • .PP.UA — единственный бесплатный домен в Украине
  • Открылась приоритетная регистрация доменов .УКР
  • Как зарегистрировать домены .EDU, .EDU.UA и причем здесь New gTLD?
  • СБУ изъяла серверы NIC.UA: пострадали десятки тысяч клиентов (дополнено)
  • Как сделать свой сайт с GitHub Pages
  • NIC.UA признан ведущим регистратором Украины
  • 12 популярных вопросов о регистрации доменов .УКР
  • Открылся предзаказ на домены .UA и .УКР
  • О чём стоит помнить, если у вас есть домен
  • EPP в украинских доменах

Архив всех статей