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

Предпосылки

  • Docker установлен на вашем компьютере
  • Базовые знания интерфейса командной строки
  • HTML, CSS и необязательно JavaScript файлы для вашего сайта

Шаг 1: Подготовьте файлы вашего сайта

Создайте папку для файлов вашего сайта. Включите свой index.html и другие активы, такие как CSS или изображения.

Мой сайт/

index.html

Стиль.css

Шаг 2: Напишите Dockerfile

В папке вашего сайта создайте файл под названием Dockerfile. Этот файл определит среду для вашего статического сайта:

Из nginx:alpine

Копия. /usr/share/nginx/html

Шаг 3: Создайте образ Docker

Откройте терминал, перейдите в каталог вашего сайта и запустите:

docker build -t my-static-site.

Шаг 4: Запустите контейнер

Чтобы обслуживать ваш сайт локально, выполните:

docker run -d -p 8080:80 -name my-site-container my-static-site

Теперь откройте браузер и посетите http://localhost:8080, чтобы увидеть ваш сайт.

Шаг 5: Разверните свой сайт

После удовлетворения вы можете развернуть свой статический сайт на сервере или облачной платформе.Просто переведите изображение Docker в реестр контейнеров, такой как Docker Hub:

docker push yourusername/my-static-site

Затем запустите его в своей среде хостинга с установленной Docker.

Заключение

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