Как создать HTML сайт с нуля?

Как создать HTML сайт с нуля?

NomReg 🌱

В этой инструкции:

  1. Покупаем домен через бота NomReg
  2. Берём сервер на Ubuntu
  3. Ставим Apache
  4. Кладём свой HTML
  5. Привязываем домен к серверу через DNS A‑запись
  6. Получаем HTTPS через Let’s Encrypt (certbot)

1. Купи домен через бота NomReg

  1. Открой бота NomReg в Telegram.
  2. Пополни баланс (TON или USDT).
  3. В меню нажми «Купить домен».
  4. Введи имя, например: mysite.xyz.
  5. Если домен свободен — подтверди покупку.
  6. Домен появится в разделе «Мои домены».

Дальше этот домен будем направлять на наш сервер.

2. Возьми сервер на Ubuntu

Нужно арендовать VPS/сервер у любого провайдера (Ubuntu 20.04/22.04).

После покупки у тебя будет:

  • IP‑адрес сервера, например 203.0.113.10;
  • доступ по SSH (логин root или пользователь с sudo).

Подключись к серверу:

ssh root@203.0.113.10

(или другой пользователь, который есть у тебя в панели провайдера).

3. Установи Apache

На сервере (Ubuntu):

sudo apt update

sudo apt install apache2

После установки Apache автоматически запустится как сервис.

Проверь:

  1. В браузере открой http://203.0.113.10
  2. Должна появиться стандартная стартовая страница Apache (что‑то вроде “Apache2 Ubuntu Default Page”).

Если страница открывается — веб‑сервер работает.

4. Положи свой HTML

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

/var/www/html

Там уже лежит тестовый index.html.

Заменим его на свой:

sudo rm /var/www/html/index.html

sudo nano /var/www/html/index.html

В редакторе nano вставь, например, такой HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Мой сайт</title>
</head>
<body>
    <h1>Привет, мир!</h1>
    <p>Сайт работает через Apache на Ubuntu.</p>
</body>
</html>

Сохрани файл:

  • Ctrl+O, Enter — сохранить
  • Ctrl+X — выйти из nano

Проверь в браузере:

  • http://203.0.113.10 — должен отобразиться твой HTML.

5. Привяжи домен к серверу (DNS A‑запись)

Теперь нужно, чтобы домен из бота указывал на IP‑адрес сервера.

Шаги в боте NomReg

  1. Зайди в «Мои домены».
  2. Выбери нужный домен (например, mysite.xyz).
  3. Открой DNS или Добавить DNS‑запись.
  4. Выбери тип записи: A.
  5. В качестве хоста:
  6. для корня домена (сам mysite.xyz) — обычно выбирают @ или оставляют пустым (как предлагает бот);
  7. В качестве значения введи IP‑адрес сервера:
  8. Например: 203.0.113.10
  9. Подтверди добавление записи.

Через некоторое время (обычно от пары минут до часа) домен начнёт открываться по HTTP:

  • http://mysite.xyz → твой сайт на Apache.

Пока это ещё HTTP без замка, HTTPS сделаем в следующем шаге.

6. Настрой HTTPS (Let’s Encrypt + certbot)

Мы будем использовать бесплатные сертификаты Let’s Encrypt через certbot и модуль Apache.

6.1. Установи Certbot и модуль для Apache

На сервере:

sudo apt update

sudo apt install certbot python3-certbot-apache

6.2. Убедись, что сайт открывается по HTTP

В браузере:

  • http://mysite.xyz

Если страница грузится — всё ок, Apache уже обслуживает домен, можно выдавать сертификат.

6.3. Запусти Certbot для настройки HTTPS

На сервере:

sudo certbot --apache

Дальше certbot:

  1. Найдёт конфиг Apache (/etc/apache2/sites-available/...).
  2. Спросит, для какого домена выпускать сертификат — выбери свой домен mysite.xyz (и, по желанию, www.mysite.xyz, если он тоже настроен).
  3. Спросит, включать ли автоматический редирект с HTTP → HTTPS — лучше выбрать Yes, чтобы всё всегда открывалось через https://.

Скрипт сам:

  • получит сертификат Let’s Encrypt;
  • пропишет пути к нему в конфиг Apache;
  • перезапустит Apache.

6.4. Проверь HTTPS

В браузере открой:

  • https://mysite.xyz

Если всё прошло успешно:

  • сайт откроется,
  • в адресной строке будет значок замка (подробности сертификата можно посмотреть по клику).

7. Автообновление сертификата

Сертификаты Let’s Encrypt живут 90 дней, но их можно автоматически обновлять.

На сервере:

sudo systemctl enable certbot.timer

sudo systemctl start certbot.timer

Проверка тестового обновления:

sudo certbot renew --dry-run

Если команда проходит без ошибок — автообновление работает, дальше следить вручную почти не нужно.

Итого

  1. Купил домен в боте NomReg.
  2. Взял VPS с Ubuntu, установил Apache.
  3. Положил свой index.html в /var/www/html.
  4. Прописал A‑запись на IP сервера в разделе «Мои домены».
  5. Получил HTTPS через Let’s Encrypt с помощью certbot --apache.
  6. Включил автоматическое обновление сертификата.

После этого твой HTML‑сайт открывается по красивому домену через https://.


Назад к оглавлению

Report Page