Перейти к содержимому

Напишите свою первую строку в Astro

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

  • Сделать свою первую правку на новом веб-сайте

Измените свою домашнюю страницу

  1. В редакторе кода перейдите в файловой панели Проводника к файлу src/pages/index.astro и щелкните на нем, чтобы открыть содержимое файла на редактируемой вкладке.

    Содержимое вашего файла index.astro должно выглядеть так:

    ---
---

<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} >
    <title>Astro</title>
  </head>
  <body>
    <h1>Astro</h1>
  </body>
</html>

  2. Измените содержимое вашей страницы в <body>.

    Введите текст в редакторе, чтобы изменить заголовок на вашей странице, и сохраните изменение.

    <body>
  <h1>Astro</h1>
  <h1>Мой сайт на Astro</h1>
</body>

  3. Проверьте предварительный просмотр в браузере — вы должны увидеть обновлённое содержимое вашей страницы.

Поздравляем! Теперь вы разработчик Astro!

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

Контрольный список
Внести свой вклад Сообщество Поддержать