Aller au contenu

Écrivez votre première ligne en Astro

Préparez-vous à…

  • Faites votre première modification sur votre nouveau site web

Modifiez votre page d’accueil

Titre de la section Modifiez votre page d’accueil

  1. Dans votre éditeur de code, naviguez dans le volet Explorer vers src/pages/index.astro et cliquez dessus pour ouvrir le contenu du fichier dans un onglet modifiable.

    Le contenu de votre fichier index.astro devrait ressembler à ceci :

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

    <html lang="fr">
      <head>
        <meta charset="utf-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content={Astro.generator} >
        <title>Astro</title>
      </head>
      <body>
        <h1>Astro</h1>
      </body>
    </html>

  2. Modifiez le contenu de votre page <body>.

    Tapez dans l’éditeur pour changer le texte du titre de votre page et enregistrez la modification.

    src/pages/index.astro
    <body>
      <h1>Astro</h1>
      <h1>Mon site Astro</h1>
    </body>

  3. Vérifiez l’aperçu dans le navigateur et vous devriez voir que le contenu de votre page est mis à jour avec le nouveau texte.

Félicitations ! Vous êtes maintenant un développeur Astro !

Le reste de cette unité vous préparera pour la gestion de version et la publication de votre site web que vous pourrez montrer à tous.

Liste de contrôle

Titre de la section Liste de contrôle