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

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

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

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

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

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

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

Заголовок раздела Создайте новый сайт на Netlify

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

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

2. Нажмите Добавить новый сайт > Импортировать существующий проект.

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

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

Поздравляем, у вас есть сайт 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 внешняя ссылка