Программист? Сделай блог. Часть 2-я

Аккаунты автора: GitHub

Время чтения: 10-14 минут

Хеллоу, ворлд!

Ламповый субботний вечер и кружечка чая. Вечер близится к своему завершению, а значит самое время продолжить делиться с вами интересными обзорами технологий и поговорить за программирование. Эта статья является логическим продолжением статьи "Программист? Сделай блог", которая вышла на этом канале неделю назад. В тот раз мы остановились на том, что мы вместе создали блог на GitHub Pages с использованием Hugo. За это время вы могли попробовать разные статические генераторы и остановиться на лучшем варианте. Данная статья рассчитана на то, что вы либо с нами, либо ранее прошли этапы создания блога из первой части.

К делу

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

Пожалуй в этот раз мы начнем с начала. Давайте прикрепим домен.

Прикрепление пользовательского домена

Чтобы получить домен его придется купить. Наиболее дешевый вариант, который я нашел, это https://2domains.ru. Там я приобрел домен i-osipov.ru на год всего за 99 рублей, сейчас, как я вижу, стоимость доменов в зоне ru у этого провайдера 149 рублей, при желании вы можете поискать что-то по-дешевле.

Итак, домен в кармане и что же теперь с ним делать?

Cloudflare.com

Зачем нам этот сайт? Всё просто, фактически это своего рода панель управления прокси к нашему блогу. Настроить там можно многое множество вещей, но об этом в отдельной статье. Выполним следующую последовательность действий:

• регистрируемся на cloudflare.com;
• справа сверху нажмите на кнопку "+Add Site";
• в форму вписываем ваш домен и нажимаем Begin Scan. Недолго ждем, тем временем cloudflare загружает всю доступную информацию по нашему домену;
• нажимаем Continue;
• cloudflare спросит нас о плане, который мы хотим использовать и здесь можно выбрать Free Website;
• следующим шагом от нас потребуется поменять DNS сервера для ранее купленного домена для сайта yandex.com cloudflare требует сделать следующие изменения:

Изменение DNS серверов на 2domain.ru

Чтобы изменить DNS сервера необходимо зайти в личный кабинет. В меню Домены -> Мои домены выбрать указанный на cloudflate домен. Открыть раздел "Управление ДНС-серверами/Делегирование" и тут нужно сменить используемые dns сервера для домена. Давайте заменим записи ДНС 1 и ДНС 2 на elliot.ns.cloudflare.com и jasmine.ns.cloudflare.com соответственно. Выглядит это примерно так:

Для понимания, теперь IP будет определяться благодаря этим DNS серверам. DNS сервера принадлежат Coudflare.com.

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

Прикрепляем к GitHub Pages свой домен

Сделать это очень просто заходим в репозиторий где лежит статика, открываем Settings. В разделе GitHub Pages под Custom Domain вписываем свой домен и жмем Save. Отлично! Страничку с GitHub можно на сегодня закрыть.

Прописываем матчинг записей DNS на сервера GitHub

Пример записей, которые вам нужно сделать в CloudFlare ниже. Естественно, каждое использование i-osipov.ru следует заменить на свой домен.

Как вы видите в двух верхних строках указывается 2 разных IP адреса. Это специальные адреса GitHub, при желании вы можете проверить их здесь.

DNS изменения обновляются около суток, в моем случае несколько часов.

Что мы имеем на этом этапе?

При входе на http://your-domain.com ваша статика созданная ранее отдается по этому адресу. Первая и самая трудная часть плана выполнена. Теперь давайте настроим https. Https основывается на сертификатах, сертификаты бывают разных видов, но нас - любителей бесплатных сертификатов это не должно интересовать.

HTTPS

Если кратко, то https для блога вам нужен только для красоты.

Что такое HTTPS? Это расширенная версия протокола HTTP, которая шифрует транспортируемые данные между клиентом и сервером (в нашем случае) и если в вашем блоге есть форма обратной связи или любые другие данные пользователя, то сделать https имеет смысл.

Какой профит для блога?

Психология. Так исторически сложилось, что зеленый цвет - цвет доверия и когда пользователь заходит на ваш сайт/блог и видит зеленый замочек, то кредит доверия к вашему ресурсу увеличивается, хотя программистов обычно так не на дурить.

SSL

Вернемся к cloudflare. Перейдем в раздел crypto и первой строчкой мы увидим SSL, здесь нужно поставить значение FULL и пояснить: как вы видите, есть 4 возможных варианта: off, flexible, full и full(strict).

• off - ни один пользователь не увидит ваш сайт через https.
• flexible SSL - на вашем сервере нет https, даже с сертификатом, который не подходит для вашего сайта. CloudFlare будет делать https соединение с пользователями, но обмениваться информацией с вашим сервером по http.
• full SSL - ваш сервер поддерживает https (GitHub поддерживает), но установленый сертификат не соответствует вашему домену (так и есть, ведь сертификат выдан на *.github.com). В этом случае CloudFlare не будет проверять соответствие домена сертификату.
• full SSL (strict) - ваш сервер имеет корректный сертификат (не истекший и подписанный Cloudflare Origin CA или доверенным CA).

Напомню, что наш вариант - full SSL. Обновление сертификата может занять около 24 часов.

Дополнительно в этом меню можно включит постоянное перенаправление http на https.

Кешируй, что можешь, пока молодой

Финальный шаг нашего создания хорошего блога программиста - настроить кеш. Скорее всего, настройки по умолчанию вас удовлетворят, но возможно что-то захочется поменять. Перейдем к разделу Caching. Первое, что вы увидите в этом разделе - это возможность очистить кеш. И в случае с блогом, если посты не частые, то чистку можно делать сразу после поста. На этом экране могут пригодиться как настройки кеширования, так и, например, Development Mode, который позволяет прокидывать изменения в режиме реального времени.

Похоже на финал

Если вы читаете эти строки, значит вы очень любите читать, либо вы прошли большой, но интересный путь создания и запуска собственного блога. Эту статью я писал, опираясь на собственный опыт при создании https://i-osipov.ru.

Спасибо, что читали, надеюсь вам было интересно. В будущем будет еще больше интересных статей про разработку, программирование, различные инструменты и технологии. Оставайтесь с нами :)

P.S.

И да, чуть не забыл, если у вас есть желание написать статью к нам в канал, то всё возможно! Откройте описание и там вы найдете всю необходимую информацию. Мы принимаем статьи разного уровня и где-то нашим читателям будет интересен ваш обзор возможностей того или иного сервиса, а где-то детальный разбор технологии. Присоединяйтесь :)