Pular para o conteúdo

Escreva sua primeira linha de Astro

Se prepare para...

  • Fazer sua primeira mudança ao seu novo website

Edite sua página inicial

Seção intitulada Edite sua página inicial

  1. No seu editor de código, navegue no painel Explorador de arquivos para src/pages/index.astro e clique nele para abrir os conteúdos do arquivo em uma aba editável.

    Os conteúdos do seu arquivo index.astro devem se parecer com isso:

    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. Edite o conteúdo do <body> da sua página.

    Digite no editor para mudar o texto do cabeçalho em sua página para salvar a mudança.

    src/pages/index.astro
    <body>
      <h1>Astro</h1>
      <h1>Meu Site Astro</h1>
    </body>

  3. Verifique a pré-visualização do navegador, você deve ver o conteúdo da sua página atualizado para o texto novo.

Parabéns! Você agora é um desenvolvedor Astro!

O resto desta unidade irá o preparar para utilizar um sistema de controle de versão e ter um website publicado que você pode compartilhar.

Checklist

Seção intitulada Checklist