Saltearse al contenido

Escribe tu primera línea de Astro

Prepárate para...

  • Realizar la primera edición de tu nuevo sitio web

Edita tu página de inicio

  1. En tu editor de código, navega en el panel de archivos del Explorador hasta src/pages/index.astro y abre el contenido del archivo en una pestaña editable.

    El contenido de tu archivo index.astro debe tener este aspecto:

    src/pages/index.astro
    ---
    ---
    <html lang="es">
    <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. Edita el contenido de tu página <body>.

    Escribe en el editor para cambiar el texto del encabezado de tu página y guarda el cambio.

    src/pages/index.astro
    <body>
    <h1>Astro</h1>
    <h1>Mi sitio Astro</h1>
    </body>
  3. Revisa la vista previa del navegador y deberías ver el contenido de tu página actualizado con el nuevo texto.

¡Enhorabuena! Ya eres desarrollador de Astro.

El resto de esta unidad te preparará para el éxito con el control de versiones y un sitio web publicado del que puedas presumir.

Checklist