Разместите свой сайт в Интернете
Приготовьтесь…
- Добавить ваш репозиторий на 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 внешняя ссылка