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

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

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

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

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

    src/pages/index.astro
    ---
    ---
    <html lang="en">
    <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>.

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

    src/pages/index.astro
    <body>
    <h1>Astro</h1>
    <h1>My Astro Site</h1>
    </body>
  3. Проверьте предварительный просмотр в браузере, и вы должны увидеть обновленное содержимое вашей страницы.

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

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