Как настроить Cloudflare Pages

Почему Cloudflare Pages?

Cloudflare Pages — это бесплатная хостинг-платформа с глобальной CDN (сетью доставки контента). Ваш сайт загружается быстро из любой точки мира, а развёртывание происходит автоматически при каждой отправке кода на GitHub.

Что вы получаете бесплатно:

Неограниченный трафик
Глобальная CDN
Автоматический SSL (HTTPS)
Предварительные развёртывания для веток
Серверные функции (для контактной формы)

Шаг 1: Создайте аккаунт Cloudflare

Перейдите на cloudflare.com и нажмите Sign Up
Введите электронную почту и придумайте пароль
Подтвердите адрес электронной почты

Шаг 2: Подключите ваш репозиторий на GitHub

После того как ваш сайт создан (вы запустили промпт Этапа 1 и отправили код на GitHub):

В панели управления Cloudflare перейдите в Workers & Pages
Нажмите Create
Выберите вкладку Pages
Нажмите Connect to Git
Разрешите Cloudflare доступ к вашему аккаунту GitHub
Выберите репозиторий с кодом вашего сайта

Шаг 3: Настройте параметры сборки

На экране настроек:

Production branch: main (или master, в зависимости от того, что используется в вашем репозитории)
Build command: bundle exec jekyll build
Build output directory: _site

Нажмите Save and Deploy. Первая сборка может занять пару минут.

Шаг 4: Добавьте переменные окружения

Если на вашем сайте есть контактная форма, необходимо добавить переменные окружения для SendGrid:

Перейдите в ваш проект Pages > Settings > Environment variables
Добавьте следующие переменные для среды Production:

Переменная	Значение
`JEKYLL_ENV`	`production`
`SENDGRID_API_KEY`	Ваш API-ключ SendGrid
`CONTACT_EMAIL`	Электронная почта вашего бизнеса
`FROM_EMAIL`	`noreply@yourdomain.com`

Ещё нет SendGrid? См. Как настроить SendGrid. Если на вашем сайте нет контактной формы, вам нужна только переменная JEKYLL_ENV.

Шаг 5: Настройте собственный домен

После успешного первого развёртывания:

Перейдите в ваш проект Pages > Custom domains
Нажмите Set up a custom domain
Введите ваш домен (например, www.yourbusiness.com)
Cloudflare укажет, какие DNS-записи нужно добавить

Если ваш домен уже на Cloudflare: DNS-записи добавляются автоматически. Готово!

Если ваш домен зарегистрирован у другого регистратора: У вас есть два варианта:

Перенести серверы имён на Cloudflare (рекомендуется — даёт вам полный контроль)
Добавить CNAME-запись у текущего регистратора, указывающую на URL вашего проекта Pages

Как работает развёртывание

После подключения процесс автоматический:

Вы отправляете код на GitHub (в ветку main)
Cloudflare обнаруживает отправку
Собирает ваш Jekyll-сайт
Новая версия развёртывается глобально

Это занимает около 30-60 секунд. Вы также можете отправлять код в другие ветки для предварительного просмотра — полезно для тестирования изменений перед публикацией.

Устранение неполадок

Сборка завершается ошибкой “ruby not found” Убедитесь, что в вашем репозитории есть файл .ruby-version (промпт Этапа 1 его создаёт). Cloudflare Pages использует его для установки нужной версии Ruby.

Сборка завершается ошибкой “bundle not found” Обычно эта проблема решается сама — Cloudflare Pages устанавливает Bundler автоматически. Если ошибка повторяется, попробуйте запустить новое развёртывание.

На собственном домене ошибка “too many redirects” Перейдите в настройки SSL/TLS вашего домена в Cloudflare и установите режим шифрования Full (strict).