Aller au contenu

Écrivez votre première ligne en Astro

Préparez-vous à…

  • Faites votre première modification sur votre nouveau site web
  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.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 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.

Contribuer

Comment pouvons-nous vous aider ?

Créer une issue GitHub

Le moyen le plus rapide d'alerter notre équipe d'un problème.

Communauté