Follow Stelut on X (Twitter) Go to Stelut's GitHub repo Connect on LinkedIn Suscribirse al RSS

Guía de estilos Markdown

A continuación se muestra un ejemplo de sintaxis básica de Markdown que puede utilizarse al escribir contenido Markdown en Astro.

Cabeceras

Los siguientes elementos HTML <h1>-<h6> representan seis niveles de encabezamientos de sección. <h1> es el nivel de sección más alto, mientras que <h6> es el más bajo.

H1

H2

H3

H4

H5
H6

Párrafo

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Imágenes

Sintáxis

![Alt text](./full/or/relative/path/of/image)

Salida

blog placeholder

Citas

El elemento “blockquote” representa contenido citado de otra fuente, opcionalmente con una cita que debe estar dentro de un elemento footer o cite, y opcionalmente con cambios en línea como anotaciones y abreviaturas.

Citas sin atribución

Sintáxis

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Note** que puedes utilizar _Markdown Sintáxis_ dentro de una cita.

Salida

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note que puedes utilizar Markdown Sintáxis dentro de una cita.

Citas con atribución

Sintáxis

> No comuniques compartiendo memoria, comparte memoria comunicando.<br>
> — <cite>Rob Pike[^1]</cite>

Salida

No comuniques compartiendo memoria, comparte memoria comunicando.
— Rob Pike1

Tablas

Sintáxis

| Cursiva   | Negrita     | Código |
| --------- | ----------- | ------ |
| _cursiva_ | **negrita** | `code` |

Salida

CursivaNegritaCódigo
cursivanegritacode

Bloques de código

Sintáxis

podemos utilizar 3 backticks ``` en la nueva línea y escribir fragmento y cerrar con 3 backticks en la nueva línea y para resaltar idioma específico Sintáxis, escriba una palabra del nombre del idioma después de los primeros 3 backticks, por ejemplo, html, javascript, css, markdown, typescript, txt, bash

```html
<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Ejemplo de documento HTML5</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

Salida

<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Ejemplo de documento HTML5</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Tipos de listas

Listas ordenadas

Sintáxis

1. Primer artículo
2. Segundo artículo
3. Tercer artículo

Salida

  1. First artículo
  2. Second artículo
  3. Third artículo

Listas desordenadas

Sintáxis

- Un artículo
- Otro artículo
- Y otro artículo

Salida

  • Un artículo
  • Otro artículo
  • y otro artículo

Lista anidada

Sintáxis

- Frutas
  - Manzana
  - Naranja
  - Plátano
- Lácteos
  - Lácteos
  - Queso

Salida

  • Frutas
    • Manzana
    • Naranja
    • Plátano
  • Lácteos
    • Lácteos
    • Queso

Otros elementos — abbr, sub, sup, kbd, mark

Sintáxis

<abbr title="Graphics Interchange Format">GIF</abbr> es un formato de imagen de mapa de bits.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Pulsa <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Borrar</kbd> para finalizar la sesión.

La mayoría de las <mark>salamandras</mark> son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.

Salida

GIF es un formato de imagen de mapa de bits.

H2O

Xn + Yn = Zn

Pulsa CTRL + ALT + Borrar para finalizar la sesión.

La mayoría de las salamandras son nocturnas y cazan insectos, gusanos y otras criaturas pequeñas.

Footnotes

  1. La cita anterior es un extracto de la [charla] de Rob Pike (https://www.youtube.com/watch?v=PAAkCSZUG1c) durante el Gopherfest, 18 de noviembre de 2015. ↩