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

Как это работает

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

Настройка вашего репозитория GitHub

Первое, что вам нужно сделать, это убедиться, что вы создали репозиторий GitHub для своего веб-сайта, который Publii может использовать для загрузки изменений на ваш сайт. Это довольно простой процесс, и вы можете найти подробное пошаговое описание того, как это сделать, в нашей статье о [GitHub deployment]([https://getpublii.com/docs/host-static-website-github-pages.html](https://getpublii.com/docs/host-static-website-github-pages.html)).

Помните! Поскольку вы фактически не будете использовать GitHub Pages в качестве хостинга своего сайта, вы можете создать частный репозиторий, а не общедоступный. Это никак не повлияет на работу вашего сайта на страницах Cloudflare, но не позволит легко просматривать файлы вашего сайта в виде репозитория на GitHub.

Обычно для домена веб-сайта Cloudflare Pages по умолчанию используется значение GITHUB_REPOSITORY_SLUG.pages.dev, поэтому используйте это при настройке сведений о вашем сервере в Publii, чтобы обеспечить плавную первую синхронизацию. Если вы предпочитаете использовать пользовательское доменное имя, вы найдете подробную информацию о том, как это настроить, позже в этой статье.

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

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

После синхронизации вашего веб-сайта с GitHub вы можете настроить страницы Cloudflare.

1. Войдите в свою учетную запись Cloudflare и выберите Страницы на правой боковой панели: 

   

2. На экране "Страницы" нажмите на Создать новый проект: 

   

3. На следующем экране нажмите на Подключить учетную запись GitHub: 

   

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

   

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

   

   Во время настройки вы можете задать название проекта (оно будет использоваться для создания URL веб-сайта в поддомене .pages.dev). Также необходимо указать производственную ветку (скорее всего, это будет main или master). Когда все это будет настроено, нажмите Сохранить и развернуть:

   

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

   

   И, конечно же, ваш веб-сайт также будет виден на основном поддомене; в примере это будет cp-test.pages.dev

6. Теперь вы можете просмотреть состояние своего веб-сайта, вернувшись на страницу проекта: 

   

Если автоматически сгенерированное имя поддомена, введенное вами ранее, было правильным, и ваш репозиторий GitHub slug был доступен - значит, все готово! Теперь ваш веб-сайт доступен через Cloudflare Pages.

Как настроить пользовательский домен с помощью Cloudflare Pages?

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

1. Откройте вкладку "Пользовательские домены" в настройках сайта, а затем нажмите "Настроить пользовательский домен": 

   

2. Введите домен или поддомен, который вы хотите использовать, и нажмите Продолжить: 

   

3. Дальнейший процесс будет зависеть от настроек вашего домена - вы можете использовать службу DNS Cloudflare или настроить домен через своего DNS-провайдера: 

   

Краткие сведения

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

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