Бесплатный безопасный хостинг со страницами GitHub и Cloudflare

С помощью страниц GitHub и Cloudflare можно бесплатно разместить собственный статический веб-сайт через HTTPS. Тем не менее, есть несколько предварительных условий:

• Учетная запись GitHub (зарегистрируйте здесь)
• Аккаунт CloudFlare (зарегистрируйтесь здесь)
• Установка Хьюго (Необязательно, это был мой выбор генераторов статических сайтов)

После того, как вы зарегистрировались в обеих службах, первое, что нужно сделать, это создать себе новый репозиторий GitHub.

Настройка страниц GitHub

Шаг 1 — Создайте новый репозиторий

Во-первых, нам нужно создать новый репозиторий GitHub, использовать имя со следующим соглашением об именах: <your username/organisation>.github.io

Шаг 2. Клонируйте новый репозиторий.

После того, как мы настроили наш новый репозиторий, нам нужно его клонировать. Сделать это должно быть так же просто, как скопировать ссылку, видимую на странице, и запустить git clone <your repository link>

после того, как репозиторий будет клонирован, вам нужно открыть командный терминал, перейти в папку вашего репозитория и выполнить следующие команды:

1. git init
2. git add README.md
3. git commit -m "first commit"
4. git remote add origin <your repository link>
5. git push -u origin master

Шаг 3. Настройте Hugo (необязательно)

Первый шаг к настройке Hugo в вашем репозитории — открыть командную строку и перейти в папку вашего репозитория. Оказавшись там, вам нужно выполнить следующую команду hugo new site src это создаст новый сайт Hugo в папке с именем src. Вам также необходимо создать папку в корне вашего репозитория с именем docs. Последним шагом является обновление config.toml файл в корне src каталог. Вам просто нужно добавить следующую строку publishDir = "../docs/".

После того, как вы выполнили предыдущие шаги, вам просто нужно выполнить hugo команда в src каталог, а затем зафиксируйте все изменения и отправьте их в систему управления версиями.

Шаг 4. Создайте файл CNAME (необязательно)

Этот шаг предназначен только для тех из вас, у кого есть собственный домен и кто хочет его использовать.
Когда у нас будет локальная копия нашего нового репозитория, следующим шагом будет создание файла CNAME, который указывает на наш личный домен. Вот пример файла, который вы можете использовать, просто замените домен на свой.

Когда у вас есть файл CNAME, вам просто нужно зафиксировать его и поместить в корень вашего репозитория (или в папку с документами, если вы решили пройти шаг 3).

Настройка CloudFlare (необязательно)

Шаг 1 — Регистрация вашего сайта

После того, как вы настроили свой веб-сайт страниц GitHub, следующим шагом будет регистрация вашего личного домена в Cloudflare. Войдите в свою учетную запись Cloudflare и добавьте свой сайт, используя страницу выше, и следуйте инструкциям на экране.

Шаг 2 — Настройка DNS

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

Все, что вам нужно сделать, это просто создать запись CNAME с именем www и значение вашей учетной записи страниц GitHub, например <your username/organisation>.github.io.

Шаг 3. Включите HTTPS (рекомендуется)

Чтобы включить https, вам нужно перейти на SSL/TLS вкладку и укажите свой SSL-сертификат, который будет Full.

Шаг 4. Включите кэширование (рекомендуется)

Чтобы включить кэширование, вам нужно перейти к caching вкладку и установите уровень кэширования на Standard.

Вывод

Вот и все, теперь у вас должен быть полнофункциональный веб-сайт на собственном домене без каких-либо затрат на хостинг.