Перейти к содержимому

Развертывание вашего сайта Astro

Готовы ли вы собрать и развернуть свой сайт Astro? Следуйте одному из наших руководств по развертыванию на различных сервисах или прокрутите страницу вниз, чтобы получить общие рекомендации по развертыванию сайта Astro.

Вы можете быстро собрать и развернуть сайт Astro на нескольких хостах, используя либо веб-интерфейс их панели управления, либо интерфейс командной строки (CLI).

Быстрый способ развернуть ваш сайт - подключить онлайн-репозиторий Git вашего проекта Astro (например, GitHub, GitLab, Bitbucket) к провайдеру хостинга и воспользоваться преимуществами непрерывного развертывания с помощью Git.

Эти хост-платформы автоматически обнаруживают изменения в исходном репозитории вашего проекта Astro, создают версию сайта и развертывают ее в Интернете по настраиваемому URL или на вашем личном домене. Часто настройка развертывания на этих платформах состоит из следующих шагов:

  1. Добавьте ваш репозиторий к онлайн-провайдеру Git (например, в GitHub, GitLab, Bitbucket).

  2. Выберите хостинг-провайдера, поддерживающего непрерывное развертывание (например, Netlify или Vercel) и импортируйте ваш Git-репозиторий как новый сайт/проект.

    Многие распространенные хостинги распознают ваш проект как сайт Astro и должны выбрать соответствующие параметры конфигурации для создания и развертывания сайта, как показано ниже. (Если это не так, эти настройки можно изменить).

  3. Нажмите кнопку “Deploy”, и ваш новый сайт будет создан по уникальному для данного хоста URL-адресу (например, new-astro-site.netlify.app).

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

Некоторые хостинг-провайдеры имеют собственный интерфейс командной строки (CLI), который можно установить на свою машину с помощью npm. Часто использование CLI для развертывания выглядит примерно следующим образом:

  1. Установите CLI вашего хостинг-провайдера глобально, например:

    Окно терминала
    npm install --global netlify-cli
  2. Запустите CLI и следуйте всем инструкциям по авторизации, настройке и т. д.

  3. Соберите ваш сайт и разверните его на хостинге.

    Многие распространенные хостинги автоматически распознают ваш проект как сайт, созданный с помощью Astro, и должны выбрать соответствующие настройки конфигурации для создания и развертывания вашего сайта, как показано ниже. (Если этого не происходит, настройки можно изменить.)

    Другие хостинг-провайдеры могут потребовать от вас сборки вашего сайта локально и развертывания с помощью командной строки.

Многие хостинг-провайдеры, такие как Netlify и Vercel, будут собирать ваш сайт за вас и затем публиковать результат на веб-сервере. Однако некоторые хостинги требуют от вас сначала локально собрать сайт, а затем запустить команду для развертывания или загрузить результат сборки.

Вы также можете захотеть собрать сайт локально, чтобы предварительно просмотреть его или выявить возможные ошибки и предупреждения в своем собственном окружении.

Запустите команду npm run build чтобы собрать ваш Astro сайт.

Окно терминала
npm run build

По умолчанию результат сборки будет помещен в dist/. Это расположение можно изменить с помощью параметра конфигурации outDir.

Внести свой вклад

Что у вас на уме?

Сообщество