blog.

· 3 min de lectura · actualizado 12 de noviembre de 2026

Guía de formato: todo lo que puede tener una entrada

Serie: Cómo está hecho este blog

ejemplomarkdownpythonaws

Fondo azul marino con una cuadrícula y la palabra blog.

Esta entrada existe para ver, en un solo lugar, cada elemento que el blog sabe mostrar. Sirve como referencia al escribir: copia el bloque que necesites y cambia el contenido. El texto corrido admite énfasis, negrita, tachado, resaltado, H2O, x2, código en línea y enlaces. Con Ctrl+S guardas desde el editor.

Títulos y estructura#

Los títulos de nivel 2 y 3 entran en la tabla de contenido y muestran un enlace directo al pasar el mouse.

Un subtítulo#

Un párrafo bajo un subtítulo. Las abreviaturas como HTML se explican al pasar el mouse.

Un título de nivel 4#

No aparece en la tabla de contenido.

Listas#

  • Una lista con viñetas
    • con un nivel anidado
    • y otro más
  • que sigue después
  1. Una lista numerada
  2. con pasos
  3. en orden
  • Una tarea terminada
  • Una tarea pendiente
Término
Una lista de definiciones sirve para glosarios.

Código#

Código en línea: aws s3 sync . s3://bucket. Y bloques con resaltado, que no usan JavaScript en el navegador (el botón Copiar aparece al pasar el mouse):

from dataclasses import dataclass

@dataclass
class Post:
    title: str
    tags: list[str]

    def slug(self) -> str:
        return self.title.lower().replace(" ", "-")

Con números de línea y líneas resaltadas:

1
2
3
set -euo pipefail
aws s3 sync dist/ s3://mi-bucket --delete
aws cloudfront create-invalidation --distribution-id EXXXX --paths "/*"

Y varias pestañas para comparar lenguajes:

print("hola")
console.log("hola");
fmt.Println("hola")

Avisos#

Nota

Información adicional que conviene tener a mano.

Consejo

Un atajo o buena práctica.

Cuidado

Algo que puede salir mal si no se hace con atención.

Peligro

Una acción que no se puede deshacer.

Un bloque desplegable

Esto está oculto hasta que se abre. Sirve para detalles largos que no todos necesitan.

Citas#

La simplicidad es la máxima sofisticación.

— Atribuida a Leonardo da Vinci

Tablas#

Opción Dónde se configura Por defecto
Borrador Casilla en el editor No
Destacado Casilla en el editor No
Tabla de contenido Casilla en el editor No
Portada Campo de imagen Ninguna

Imágenes y figuras#

Una imagen normal ocupa el ancho de la columna. Con { .wide } puede salirse de ella:

Diagrama: Markdown pasa por Lambda y se sirve con CloudFront

Las figuras admiten un pie. Aquí, el recorrido de una entrada.

Notas al pie y separadores#

Las notas al pie aparecen al final de la página1 y se pueden usar tantas como haga falta2.


Después de un separador el texto sigue con normalidad. También se puede incrustar HTML o un video de YouTube con un <iframe>.

Metadatos de la entrada#

Todo lo que se configura por entrada: título, fecha, fecha de actualización, temas, resumen, portada con texto alternativo, serie, destacado, tabla de contenido y borrador. El editor del admin tiene un campo para cada una.


  1. Como esta: aparece abajo con un enlace para volver. ↩

  2. Y esta es la segunda. ↩

← Todas las entradas