Шаг 1 - Настройка
Теперь, когда вы знаете, что собираетесь создать, давайте настроим все необходимые инструменты!
В этом блоке вы узнаете, как настроить свое рабочее окружение и развернуть сайт на Netlify. Если вы уже уверены в своем рабочем окружении и рабочих процессах — перейдите к Шагу 2.
Хотите выполнить это руководство в онлайн-редакторе кода?
Выполните эти инструкции и перейдите к Шагу 2!
Установите StackBlitz
-
Перейдите на astro.new и нажмите кнопку, чтобы открыть шаблон «Empty Project» в StackBlitz.
-
Нажмите «Sign in» в правом верхнем углу, чтобы войти с помощью учетных данных GitHub.
-
В левом верхнем углу окна редактора StackBlitz нажмите «fork» (скопировать) шаблон (сохранить его на своей странице учетной записи).
-
Дождитесь загрузки проекта, и вы увидите живой предпросмотр стартового «Empty Project».
Внесите изменения
В окне файлов вы должны увидеть src/pages/index.astro
. Нажмите, чтобы открыть его, и выполните Написание первой строки кода на Astro, чтобы привнести изменения в этот файл.
Создайте репозиторий на GitHub
-
Нажмите кнопку Connect Repository в верхней части списка файлов, введите новое имя для своего репозитория и нажмите Create repo & push.
-
Когда у вас будут изменения, которые нужно зафиксировать в GitHub, в левом верхнем углу вашего рабочего пространства появится кнопка «Commit». Нажимая на нее, можно ввести комментарий к коммиту и обновить ваш репозиторий.
Запустить свой сайт
Если вы хотите развернуть свой сайт на Netlify, переходите к Развертывание сайта в Интернете. В противном случае перейдите к Шагу 2, чтобы начать создавать сайт с Astro!
Что мы сделаем?
Заголовок раздела Что мы сделаем?На этом шаге вы создадите новый проект, который будет храниться в интернете на GitHub, и подключите его к Netlify.
Каждый раз, когда вы вносите изменения в код и коммитите их в репозиторий GitHub, Netlify использует эти файлы для создания вашего сайта и публикации его в интернете по уникальному адресу, где его могут увидеть все.
Каждый раз, когда вы вносите изменения и фиксируете их в репозитории GitHub, Netlify получает уведомление о том, какие изменения были внесены, и автоматически перестраивает и публикует сайт с учетом этих изменений.