Aller au contenu

Écrire votre première ligne d'Astro

Préparez-vous à…

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

Modifier votre page d'accueil

  1. Dans votre éditeur de code, utilisez le volet Explorateur pour naviguer 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 :

    ---
---

<html lang="fr">
  <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. Modifiez le contenu du corps votre page (<body>).

    Écrivez dans l'éditeur pour changer le texte du titre de votre page et enregistrez la modification.

    <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 à la gestion de version et à la publication d'un site web que vous pourrez montrer à tout le monde.

Liste de contrôle
Contribuer Communauté Parrainer