Salta ai contenuti

Scrivi la tua prima riga di Astro

Preparati a…

  • Apporta la tua prima modifica al tuo nuovo sito web

Modifica la tua home page

Sezione intitolata Modifica la tua home page

  1. Nel tuo editor di codice, naviga nel pannello dei file Explorer fino a src/pages/index.astro e cliccaci sopra per aprire il contenuto del file in una scheda modificabile.

    Il contenuto del tuo file index.astro dovrebbe apparire così:

    src/pages/index.astro
    ---
    ---
    

    <html lang="it">
      <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. Modifica il contenuto del <body> della tua pagina.

    Digita nell’editor per cambiare il testo dell’intestazione sulla tua pagina e salva la modifica.

    src/pages/index.astro
    <body>
      <h1>Astro</h1>
      <h1>Il mio sito Astro</h1>
    </body>

  3. Controlla l’anteprima del browser e dovresti vedere il contenuto della tua pagina aggiornato con il nuovo testo.

Congratulazioni! Ora sei uno sviluppatore Astro!

Il resto di questa unità ti preparerà per il successo con il controllo di versione e un sito web pubblicato che puoi mostrare.

Checklist

Sezione intitolata Checklist
Contribuisci Comunità Sponsor