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

Напишите свою первую строку в 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!

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

Чек-лист

Заголовок раздела Чек-лист