Создание бесплатного статичного сайта
Привет, друзья, пятница, день когда принято хвастаться своими поделками. На днях ко мне обратился хороший знакомой с просьбой написать сайт для его небольшого дела. Так как ничем подобным я раньше не занимался и мне очень нравится изучать что-то новое, то я согласился. Так как бюджет у меня - спасибо в количестве 1 штуки, то и хостинг для странички нужно было найти бесплатный. Первыми гуглились различные сервисы, которые, судя по отзывам, вставляли на страницы свою рекламу, а через 3 месяца существования сайта и вовсе выдвигали ультиматум - плати или проваливай. Так как это не самый лучший вариант, я хотел найти что-то попроще. Когда-то можно было хостить статичные сайты в дропбоксе, но эту особенность быстро прикрыли. Та же функция есть и в гугл драйве, но в августе этого года её тоже собираются отключить. В итоге выход нашёлся - гитхаб. Да, в публичном репозитории можно захостить свой сайт, процедура эта не совсем тривиальная, так что я решил написать небольшую инструкцию, вдруг кому-то пригодится. И так, по порядку.
После регистрации на github.com создаём репозиторий. Название репозитория обязательно должно быть в виде $username.github.io (здесь и далее заменяйте $username на имя своего пользователя)
В моём случае это boopicker.github.io
Далее открываем настройки репозитория и жмём Launch Automatic Page generator
Пишем текст, выбираем оформление
И жмём Publish page. Готово, теперь сайт открывается по адресу http://boopicker.github.io/
(в вашем случае http://$username.github.io/)
В репозитории создались все необходимые файлы и папки, их вы можете редактировать добавлять и удалять, сайт работает.
Содержание сайта обновляется примерно раз в 10 минут, так что не удивляетесь, если сайт не создался сразу или изменения не применились. Нужно подождать.
Теперь домен, куда же без него? Зарегистрировав его на любой доменноторговой площадке (в моём случае это reg.ru, но позже я узнал, что дешевле было бы использовать jino, но это уже другая история) проходите в меню "управление зоной".
Тут хранятся ресурсные записи домена. Записи, которые связывают домен с IP адресом или url.
Вам необходимо добавить две A записи с адресами
192.30.252.154
192.30.252.153
и одну CNAME запись с субдоменом "www" и значением "$username.github.io." (обратите внимание на точку в конце, это важно).
также, в корневой папке репозитория с вашим сайтом нужно создать файл CNAME с вашим доменом внутри.
В моём случае, ресурсные записи получились такими:
И содержание CNAME
xn--80atggbelbj.xn--p1ai
Это перевод адреса http://стопкомар.рф/ в пуникод
К сожалению во многих случаях "под капотом" сайта кириллические домены нужно переводить в этот формат. Сделать это можно на http://idnconv.ru/. Знал бы это с самого начала, не регистрировал бы.
И этак, сайт написан и работает. Но в поисковых системах выдаётся на 4-5 странице результатов. Если тема будет интересной, дальше я расскажу, как прикрутить рассылку email из формы на статичном сайте, опять же, бесплатно, и, если получится поднять сайт в поисковой выдаче, опишу, что я для этого сделал.
Комментарии для минусов, по традиции, в наличии.