Размещение вашего сайта в Интернете
Приготовьтесь к...
- Добавьте ваш репозиторий на GitHub в качестве нового приложения Netlify
- Разверните ваш сайт на Astro на веб-сервере
Здесь вы подключите ваш репозиторий на GitHub к Netlify. Netlify будет использовать этот проект для сборки и развертывания вашего сайта в реальном времени на веб-сервере каждый раз, когда вы вносите изменения в свой код.
В этом учебном пособии мы будем использовать Netlify, но вы можете использовать любой другой выбранный вами хостинг-сервис для развертывания вашего сайта в интернете.
Создание нового сайта на Netlify
Раздел, озаглавленный Создание нового сайта на Netlify-
Создайте бесплатную учетную запись на Netlify, если у вас еще ее нет.
Запишите свое имя пользователя. Вы можете просмотреть свою панель инструментов и любые созданные сайты по адресу
https://app.netlify.com/teams/username
-
Нажмите Добавить новый сайт > Импортировать существующий проект.
Вам будет предложено подключиться к Git-провайдеру. Выберите GitHub и следуйте инструкциям на экране, чтобы аутентифицировать свою учетную запись GitHub. Затем выберите репозиторий вашего проекта Astro на GitHub из предоставленного списка.
-
На последнем шаге Netlify покажет вам настройки вашего сайта. Параметры по умолчанию должны быть правильными для вашего проекта Astro, так что вы можете прокрутить вниз и нажать Развернуть сайт.
Поздравляем, у вас есть сайт Astro!
Измените название вашего проекта
Раздел, озаглавленный Измените название вашего проектаНа странице обзора вашего сайта в Netlify вы увидите случайно сгенерированное название проекта и URL вашего сайта в формате https://project-name-123456.netlify.app
. Вы можете изменить название вашего проекта на более запоминающееся, и это автоматически обновит ваш URL.
Посетите ваш новый сайт
Раздел, озаглавленный Посетите ваш новый сайтЩелкните URL-адрес в настройках вашего сайта или введите его в окно браузера, чтобы просмотреть ваш новый сайт.
Проверьте свои знания
Раздел, озаглавленный Проверьте свои знанияВы хотите обновить главную страницу вашего существующего веб-сайта. Какие шаги вы сделаете?
Чек-лист
Раздел, озаглавленный Чек-лист-
Пошаговое руководство по развертыванию на Netlify внешняя ссылка