Estructura Markdown usada por Gatsby

Sintaxis Markdown

En Gatsby, las págignas y los post son comúnmente escritos en Markdown. A continuación se detalla su uso

Headings

Copy 
1# heading 1
2
3## heading 2
4
5### heading 3
6
7#### heading 4
8
9##### heading 5
10
11###### heading 6

En HTML se muestra

heading 1

heading 2

heading 3

heading 4

heading 5

heading 6

Enfasis en texto

Italic:

• *italic* o _italic_
• italic

Bold

• **bold** o __bold__
• bold

Italic y Bold

• ***italic y bold*** o ___italic y bold___
• italic y bold

Listas

Sin ordenar

Copy 
1* Gatsby
2    * docs
3- Gatsby
4    - docs
5+ Gatsby
6    + docs

• Gatsby
  • docs

• Gatsby
  • docs

• Gatsby
  • docs

Ordenadas

Copy 
11. One
21. Two
31. Three

1. One
2. Two
3. Three

Enlaces e imágenes

Enlace

Copy 
1[Text](url)

Imágen con descripción

Copy 
1![alt text](path-to-image)

Imágen sin descripción

Copy 
1![](path-to-image)

Blockquote

Copy 
1> blockquote
2>
3> > nested blockquote
4>
5> > **I'm bold!**
6>
7> more quotes

blockquote

nested blockquote

I’m bold!

more quotes

Códigos

Lineal

Se hace referencia a un código dentro de un texto o algo que se desea llamar la atención. Se usa solo un backslash para referenciar

Ejemplo:

Copy 
1Esta linea hace referencia a `esto`

Esta linea hace referencia a esto

Bloque de código

Se usa para mostrar código utilizando 3 backslash junto con el lenguaje a mostrar

Copy 
1```md
2    # Línea de prueba
3    ```

MDX

En gatsby se puede usar componentes de react en los archivos post procesados por MDX, solo hay que importarlos y llamarlos.

Copy 
1import { Chart } from "../components/chart"
2# Here’s a chart
3The chart is rendered inside our MDX document.
4<Chart description={description} />