| type | unitTitle | title | description | i18nReady |
|---|---|---|---|---|
tutorial |
Создание и развертывание вашего первого сайта Astro |
Чек-ин: Модуль 1 - Настройка |
Учебное пособие: Создайте свой первый блог на Astro —
Подготовьте среду разработки, создайте и разверните свой первый Astro сайт |
true |
import Checklist from '/components/Checklist.astro';
import Box from '/components/tutorial/Box.astro';
import { Steps } from '@astrojs/starlight/components';
Теперь, когда вы знаете, что будете создавать, пришло время настроить все необходимые инструменты!
В этом модуле мы покажем вам, как настроить среду разработки и развернуть сайт на Netlify. Переходите к Модулю 2, если вы уже освоились с окружением и рабочим процессом.
:::tip[Использование StackBlitz]
Хотите завершить это пособие в онлайн-редакторе кода?
Следуйте этим инструкциям, а затем переходите непосредственно к Модулю 2!
Настройте StackBlitz
1. Перейдите на [astro.new](https://astro.new) и нажмите кнопку, чтобы открыть шаблон "Empty Project" в StackBlitz.-
Нажмите «Sign in» в правом верхнем углу, чтобы войти, используя учетные данные GitHub.
-
В верхнем левом углу окна редактора StackBlitz нажмите "fork" (скопировать) шаблона (сохранить в свою учетную запись).
-
Подождите, пока проект загрузится, и вы увидите живой предварительный просмотр стартера "Empty Project".
Внесите изменения
В панели файлов вы должны увидеть src/pages/index.astro. Нажмите, чтобы открыть его, и следуйте Напишите свою первую строку в Astro, чтобы внести изменение в этот файл.
Создайте репозиторий на GitHub
1. Нажмите кнопку Connect Repository в верхней части списка файлов, введите новое имя для своего репозитория и нажмите Create repo & push.- Когда у вас будут изменения для отправки обратно на GitHub, в верхнем левом углу вашего рабочего пространства появится кнопка "Commit". Нажав на неё, вы сможете ввести сообщение о коммите и обновить свой репозиторий.
Разверните ваш сайт
Если вы хотите развернуть сайт на Netlify, переходите к Разместите свой сайт в Интернете. В противном случае перейдите к Модулю 2, чтобы начать создавать с Astro!
В этом модуле вы создадите новый проект, который будет храниться на GitHub и подключен к Netlify.
По мере написания кода вы будете периодически фиксировать свои изменения на GitHub. Netlify будет использовать файлы в вашем репозитории GitHub для создания вашего сайта, а затем опубликует его в Интернете по уникальному адресу, где любой желающий сможет его просмотреть.
Каждый раз, когда вы фиксируете изменения на GitHub, в Netlify отправляется уведомление. Затем Netlify автоматически пересоздаст и снова опубликует ваш сайт, чтобы отобразить эти изменения.
## Чек-лист - [ ] Я готов подготовить среду разработки для проекта Astro!