Pular para o conteúdo

Escreva sua primeira linha de Astro

Se prepare para...

  • Fazer sua primeira mudança ao seu novo website
  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.

Contribua

O que passa em sua cabeça?

Comunidade