Фронтенд и статика

Как выложить статический сайт (HTML, CSS, JS) в интернет

· 3 мин чтения

Коротко

Чтобы выложить статический сайт, соберите HTML, CSS, JavaScript и картинки в одну папку с главной страницей index.html и загрузите ее архивом или из GitHub. Netrun распознает статический сайт и выдаст ссылку с HTTPS — покупать хостинг, разбираться с FTP и настраивать сертификат не нужно. Для портфолио, визитки или лендинга хватает бесплатного тарифа: сайт засыпает без посетителей и просыпается сам при открытии.

  • Главная страница статического сайта должна называться index.html и лежать в корне папки.
  • Статический сайт не нужно собирать: Netrun распознает его и раздает файлы как есть.
  • Netrun выдает статическому сайту ссылку с HTTPS автоматически.
  • На бесплатном тарифе Netrun сайт живет сколько угодно: засыпает без посетителей и просыпается за несколько секунд при открытии ссылки.
  • Свой домен к сайту можно подключить на тарифе Pro, и каждый домен получает HTTPS.

Чтобы выложить даже простой сайт из нескольких файлов, обычно нужно купить хостинг, разобраться с FTP, привязать домен и настроить HTTPS. Для портфолио или странички-визитки это слишком много работы.

В Netrun достаточно загрузить папку с сайтом — мы раздадим его по ссылке с защищенным соединением. Ниже — как это сделать.

  1. Соберите файлы сайта#

    Положите все файлы в одну папку: главную страницу назовите index.html, рядом — стили, скрипты и картинки. Проверьте, что сайт открывается у вас локально двойным щелчком по index.html.

  2. Загрузите сайт в Netrun#

    Запакуйте папку в ZIP-архив или подключите GitHub-репозиторий. Netrun распознает, что это статический сайт, — собирать и настраивать ничего не нужно.

  3. Получите ссылку#

    После загрузки Netrun выдаст публичный адрес с HTTPS. Сайт сразу открывается у всех, кому вы дадите ссылку.

  4. Обновляйте при необходимости#

    Поменяли текст или картинки — загрузите новую версию, и сайт обновится по тому же адресу.

Для портфолио, визитки или лендинга подойдет бесплатный тариф. Так же разворачиваются сайты, собранные конструктором или нейросетью. Попробовать Netrun.

Частые вопросы

Почему на сайте не грузятся картинки или стили?

Чаще всего из-за путей: в ссылке стоит путь с вашего компьютера или регистр букв не совпадает с именем файла. На сервере имена файлов чувствительны к регистру, поэтому photo.JPG и photo.jpg — разные файлы. Используйте относительные пути от index.html.

Можно ли выложить сайт, собранный в конструкторе или нейросетью?

Да, если у вас есть готовые файлы с главной страницей index.html. Загрузите папку как есть — Netrun раздаст ее по ссылке.

Можно ли подключить к статическому сайту свой домен?

Да, на тарифе Pro: свой домен подключается в кабинете и сразу получает HTTPS. На бесплатном тарифе сайт работает по выданной ссылке.

Как сделать на статическом сайте форму обратной связи?

Статический сайт сам письма не отправляет и данные не сохраняет. Для формы нужен небольшой бэкенд или сторонний сервис форм; бэкенд тоже можно опубликовать в Netrun как отдельный проект.

Как обновить опубликованный сайт?

Загрузите новую версию файлов в кабинете — сайт обновится по тому же адресу. Автоматической публикации по git push нет.

Запустите свой проект

Загрузите код, ответьте на пару вопросов — и получите рабочую ссылку. Есть бесплатный тариф

Попробовать Netrun
Все статьи блога