Разместите свой сайт в интернете

Приготовьтесь…

• Добавить ваш репозиторий на GitHub в качестве нового приложения Netlify
• Развернуть ваш сайт Astro в Интернете

Здесь вы подключите ваш репозиторий на GitHub к Netlify. Netlify будет использовать этот проект для сборки и развёртывания вашего сайта в реальном времени на веб-сервере каждый раз, когда вы вносите изменения в свой код.

Мы будем использовать…

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

Создайте новый сайт на Netlify

1. Создайте бесплатную учётную запись на Netlify, если у вас ещё её нет.

   Запишите свое имя пользователя. Вы можете просмотреть свою панель инструментов и любые созданные вами сайты по адресу https://app.netlify.com/teams/username

2. Нажмите Add new site (Добавить новый сайт) > Import an existing project (Импортировать существующий проект).

   Вам будет предложено подключиться к Git-провайдеру. Выберите GitHub и следуйте инструкциям на экране, чтобы аутентифицировать свою учётную запись GitHub. Затем выберите репозиторий вашего проекта Astro на GitHub из предоставленного списка.

3. На последнем этапе Netlify покажет вам настройки вашего сайта. Параметры по умолчанию должны быть правильными для вашего проекта Astro, поэтому вы можете прокрутить страницу вниз и нажать Deploy site (Развернуть сайт).

Поздравляем, у вас есть сайт Astro!

Измените название проекта

На странице обзора вашего сайта в Netlify вы увидите случайно сгенерированное название проекта и URL вашего сайта в формате https://project-name-123456.netlify.app. Вы можете изменить название вашего проекта на более запоминающееся, и это автоматически обновит ваш URL.

Посетите ваш новый сайт

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

Проверьте свои знания

Вы хотите обновить главную страницу вашего существующего веб-сайта. Какие шаги нужно предпринять?

1. Я открываю терминал, запускаю команду create astro, а затем перехожу по URL-адресу моего сайта на Netlify.

2. Я изменяю настройку в моем приложении на Netlify, затем создаю форк нового проекта Astro на StackBlitz.

3. Я вношу изменение в index.astro. Затем фиксирую и отправляю свои изменения на GitHub. Остальное обрабатывает Netlify!

Отправить

Контрольный список

• Я могу посмотреть свой обновлённый сайт в интернете.
• Я готов вернуться к кодированию!

Ресурсы

• Пошаговое руководство по развёртыванию на Netlify внешняя ссылка