Как создать свой сайт на GitHub с Custom Domain и HTTPS
кодинг2016 / 09 / 24

Как создать свой сайт на GitHub с Custom Domain и HTTPS

Ave $USER!

В последнее время стали очень популярны статические сайты, а в том числе и статические блоги. Даже меня не обшло стороной это веяние и поддавшись искушению и всеобщему хайпу, я перевел свой блог в ряды статических сайтов. Хостится он на GitHub с Custom Domain и проксируется через Cloud Flare, раздавая трафик по HTTPS.

Подготовка

Cloud Flare

Регистрируемся на Cloud Flare и добавляем свое доменное имя, например my-cool-blog.com

жмем Begin Scan и ждем окончания процесса. После окончания сканирования жмем продолжить, перед вами будет экран со всеми записями домена, его можно пропустить (позже мы вернемся к нему) и нажать продолжить. Выбираем план подписки для данного домена и жмем продолжить. Появится экран с NS записями, где необходимо скопировать адреса:

dana.ns.cloudflare.com
todd.ns.cloudflare.com

и заменить ими ваши текущие NS записи.

Все должно быстро обновиться и теперь идем в раздел Crypto и выставляем SSL значение Flexible.

Переходим в раздел Page Rules и создаем правило для URL http://*my-cool-blog.com/* жмем Add Settings и выбираем Always use HTTPS.

И наконец переходим во вкладку DNS и добавляем 2 A-записи для IP адресов: 192.30.252.153 и 192.30.252.154. Это адреса GitHub серверов и жмем на тучки, что бы выставить статус DNS and HTTP proxy(CDN).

GitHub

Создаем одноименный аккаунт на GitHub my-cool-blog. Далее создаем репозиторий с именем my-cool-blog.github.io и переходим в настройки. Там в группе GitHub Pages находим поле Custom Domain и вводим свое доменное имя.

Проверка

Выполняем

mkdir my-cool-blog
cd my-cool-blog
git clone https://github.com/my-cool-blog/my-cool-blog.github.io.git .

создаем файл index.html

<html>
<head>
<title>My Cool Blog</title>
</head>
<body>
<h1>My Cool Blog</h1>
</body>
</html>

Выполняем

git add --all
git ci -am "my first post"
git push

и переходим по URL http://my-cool.blog.com.

Должен произойти редирект на https://my-cool-blog.com.

Профит

Качественный бесплатный хостинг, для статического сайта с HTTPS, DDoS защитой и самое главное - это версионность, так как все хостится на GitHub.