Несколько дней назад у меня не было сайта. Сегодня я пишу эту статью в своём блоге satarcode.com, и заплатил я только за домен: 12,28 $ за первый год. Я не программист по профессии, я юрист, влюблённый в код. Поэтому я написал это руководство ровно так, как всё прошло у меня, с ошибками и их решениями.
Что понадобится
- Домен: адрес, который люди вводят, чтобы найти вас. Я купил свой на Namecheap.
- Бесплатный аккаунт Cloudflare: он управляет доменом, размещает сайт и даёт SSL и почту.
- Файлы сайта: готовые HTML-страницы, написанные вами или взятые из шаблона.
- Час-два свободного времени.
Шаг 1. Купить домен и защитить его
Я выбрал короткое имя, отражающее идею: satar по-арабски значит «строка», ведь каждая программа начинается с одной строки. После покупки я включил две важные опции:
- Автопродление (Auto-Renew): чтобы не потерять домен, если забуду дату продления.
- Защита данных (Domain Privacy): чтобы мои личные данные не появлялись в открытых записях о домене.
Внимание: низкая цена обычно действует только на первый год, а продление стоит дороже. Проверьте это до покупки.
Шаг 2. Передать управление доменом Cloudflare
Я добавил домен в аккаунт Cloudflare и выбрал бесплатный тариф. Cloudflare показал уже существующие записи: Namecheap добавил их для своей страницы «домен припаркован» и для пересылки почты. Я удалил их все, потому что позже они конфликтовали бы с сайтом и почтой.
Затем Cloudflare выдал два сервера имён (nameservers), и я указал их в Namecheap в разделе Custom DNS. Активация заняла у меня несколько часов, а может длиться до 24.
Шаг 3. Разместить сайт на Cloudflare Pages бесплатно
В разделе Workers & Pages я выбрал прямую загрузку (Drag and drop), назвал проект и загрузил сайт zip-архивом. Через несколько секунд сайт заработал по временной ссылке.
Ошибка, которую я чуть не совершил: файл index.html должен лежать в корне архива, а не во вложенной папке. Если загрузить папку внутри папки, получится пустая страница.
Ограничения этого способа: до 1000 файлов, каждый до 25 МБ. Для нового блога этого более чем достаточно.
Шаг 4. Подключить домен и включить SSL
Во вкладке Custom domains проекта я добавил satarcode.com, а затем www.satarcode.com. Первый заработал сам, для второго нужно было добавить одну запись CNAME, указывающую на проект. Через несколько минут оба получили статус Active и появился замочек: SSL включился бесплатно, без каких-либо действий с моей стороны.
Шаг 5. Бесплатная профессиональная почта на своём домене
Мне хотелось адрес вида hello@satarcode.com вместо Gmail. С помощью Email Routing в Cloudflare:
- Я включил сервис для домена, и Cloudflare сам добавил почтовые записи.
- Я добавил личный ящик и подтвердил его по письму.
- Я создал адрес
hello, который пересылает все письма на личный ящик.
Учтите: такая схема только принимает почту; чтобы отвечать с того же адреса, нужна дополнительная настройка.
Шаг 6. Познакомить Google с сайтом
В Google Search Console я добавил домен, и Google предложил подтвердить его через Cloudflare автоматически, на это ушла минута. Затем я отправил файл sitemap.xml со списком всех страниц и запросил индексацию главной страницы и первой статьи. Появление в поиске занимает от нескольких дней до нескольких недель, так что не волнуйтесь, если не найдёте сайт сразу.
Сколько это стоило на самом деле
| Статья расходов | Стоимость |
|---|---|
| Домен (первый год, с защитой данных) | 12,28 $ |
| Хостинг на Cloudflare Pages | Бесплатно |
| SSL-сертификат | Бесплатно |
| Профессиональная почта (приём) | Бесплатно |
| Итого | 12,28 $ за первый год |
Чему я научился
- Не спешите с дизайном. Посетителей приводит контент, а внешний вид можно улучшить позже.
- Удаляйте старые записи при переносе домена: именно они создают больше всего проблем.
- Читайте каждый экран, прежде чем нажать «ОК». Почти все мои едва не случившиеся ошибки были из-за спешки.
- Я пользовался ИИ-инструментами, чтобы разобраться в шагах и решить проблемы, и именно это советую: используйте их, чтобы понимать, а не копировать вслепую.
Итог
Чтобы завести блог на своём домене, больше не нужны ни программист, ни большой бюджет. С 12 $ и двумя часами времени можно начать уже сегодня. Если застрянете на каком-то шаге, напишите мне на hello@satarcode.com.
Читайте также: Как начать учить программирование: практический план для новичков