Bloques de contenido

Presiona / en el editor para abrir el menú de bloques e insertar cualquier bloque de contenido.

Bloques de texto

Párrafos y encabezados

Los párrafos son el bloque de texto predeterminado. Usa H2 para las secciones principales y H3 para las subsecciones.

Cita

Para contenido citado o declaraciones destacadas.

"La documentación es una carta de amor que le escribes a tu futuro yo".

Regla horizontal

Divisor visual entre secciones.

Formato en línea

Selecciona el texto para aplicar formato con la barra de herramientas o atajos de teclado:

• Negrita (Ctrl/Cmd+B) — énfasis

• Cursiva (Ctrl/Cmd+I) — énfasis sutil o títulos

• Código (Ctrl/Cmd+E) — código en línea, comandos o nombres de archivo

• Resaltado — llamar la atención sobre términos clave

Listas

Listas con viñetas y numeradas

Listas con viñetas para elementos sin orden, listas numeradas para secuencias.

• Elemento uno

• Elemento dos

1. Primer paso

2. Segundo paso

Lista de tareas

Casillas de verificación interactivas que los lectores pueden marcar como completadas. El progreso persiste en su navegador.

• Crear una colección

• Escribe tu primer artículo

• Conectar un dominio personalizado

Úsalo para listas de verificación de configuración, requisitos previos o procedimientos que los lectores siguen por sí mismos.

Procedimientos

Pasos

Procedimiento numerado donde cada paso tiene un título y un cuerpo. Más visual que una simple lista numerada.

Úsalo para procedimientos complejos, tutoriales o flujos de trabajo donde cada paso necesita instrucciones detalladas.

Bloques de diseño

Columnas

Contenido en paralelo. Elige entre 2 o 3 columnas al insertar el bloque.

Úsalo para comparaciones, cuadrículas de características o para dividir contenido relacionado.

Tarjeta

Recuadro resaltado que enlaza a otro artículo. Agrega un icono mediante el selector de iconos.

Úsalo para enlaces a artículos relacionados o navegación al siguiente paso.

Botón

Un solo botón de llamada a la acción para enlaces externos.

Úsalo para acciones externas principales. Máximo uno por artículo.

Bloques de código

Bloque de código único

Código con resaltado de sintaxis. Agrega una etiqueta de nombre de archivo si es útil.

function greet(name) {
  return `Hello, ${name}!`;
}

Multicódigo

El mismo código en varios idiomas con cambio de pestañas.

// JavaScript
fetch('/api/articles')
  .then(res => res.json())

# Python
import requests
response = requests.get('/api/articles')

Úsalo para ejemplos de API con SDK en varios idiomas.

Contenido desplegable

Detalles

Contenido que se expande al hacer clic. El lector solo ve el resumen hasta que lo abre.

Úsalo para preguntas frecuentes, antecedentes opcionales o solución de problemas que no todos los lectores necesitan.

Multimedia

Imagen

Agrega arrastrando archivos al editor, pegándolos desde el portapapeles o mediante el menú de barra inclinada. Admite PNG, JPEG, GIF y WebP.

Vídeo

Agrega vídeos incrustándolos desde una plataforma de alojamiento o subiendo un archivo directamente. Presiona / y selecciona Vídeo en el menú de bloques, luego elige incrustar una URL o subir un archivo.

Incrustar un vídeo

Pega una URL de YouTube, Vimeo, Wistia, Loom o Tella para incrustar el vídeo en tu artículo.

Subir un vídeo

Sube un archivo de vídeo directamente desde tu ordenador. Los formatos admitidos son MP4, WebM, MOV y OGG.

Límites de subida:

• Tamaño máximo de archivo: 512 MB

• Duración máxima: 2 horas

Si un vídeo no cumple con estos requisitos, verás un error de validación en línea en el control de subida. Los errores comunes incluyen:

• Tipo de archivo no admitido — sube un vídeo MP4, WebM, MOV o OGG

• Archivo demasiado grande — el tamaño máximo es 512 MB

• Vídeo demasiado largo — la duración máxima es de 2 horas

• Archivo vacío — el archivo de vídeo no contiene datos

• Error al subir — el vídeo no se pudo subir, inténtalo de nuevo

HTML personalizado

Agrega HTML personalizado para incrustar widgets de terceros, formularios u otro contenido externo de proveedores como Typeform, Calendly, Tally o cualquier servicio que proporcione código de inserción. Presiona / y selecciona HTML personalizado en el menú de bloques.

Notas laterales

Aviso

Párrafo resaltado para consejos, advertencias o información importante.

Limítate a uno o dos por artículo. Nunca los amontones.

Datos

Tabla

Datos estructurados en filas y columnas.

Recursos relacionados

• Cómo crear artículos manualmente

• Crea y edita artículos con Fern