Bloques de contenido

Pulsa / 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 afirmaciones destacadas.

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

Línea horizontal

Separador visual entre secciones.

Formato en línea

Selecciona el texto para aplicar formato con la barra de herramientas o los 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 archivos

Listas

Listas con viñetas y numeradas

Usa listas con viñetas para elementos sin ordenar y listas numeradas para secuencias.

• Elemento uno

• Elemento dos

1. Primer paso

2. Segundo paso

Lista de tareas

Casillas interactivas que los lectores pueden marcar como completadas. El progreso se conserva en su navegador.

• Crear una colección

• Escribir tu primer artículo

• Conectar un dominio personalizado

Úsalo para listas de comprobación de configuración, requisitos previos o procedimientos que los lectores puedan seguir por su cuenta.

Procedimientos

Pasos

Procedimiento numerado en el que cada paso tiene un título y un cuerpo. Es más visual que una simple lista numerada.

Úsalo para procedimientos complejos, tutoriales o flujos de trabajo en los que cada paso necesite 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 funcionalidades o para dividir contenido relacionado.

Tarjeta

Cuadro destacado que enlaza a otro artículo. Añade un icono mediante el selector de iconos.

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

Botón

Botón de llamada a la acción único 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. Añade una etiqueta con el nombre del archivo si resulta útil.

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

Código múltiple

El mismo código en varios lenguajes con cambio mediante 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 lenguajes.

Contenido plegable

Detalles

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

Úsalo para preguntas frecuentes, información de contexto opcional o solución de problemas que no todos los lectores necesiten.

Multimedia

Imagen

Añádela arrastrando archivos al editor, pegándolos desde el portapapeles o mediante el menú de barra diagonal. Admite PNG, JPEG, GIF y WebP. Después de insertar una imagen, pasa el cursor sobre ella y haz clic en Editar para recortarla o anotarla. Consulta Editar imágenes en el editor de artículos.

Vídeo

Añade vídeos insertándolos desde una plataforma de alojamiento o cargando un archivo directamente. Pulsa / y selecciona Vídeo en el menú de bloques; después, elige insertar una URL o cargar un archivo.

Insertar un vídeo

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

Cargar un vídeo

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

Límites de carga:

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

• Duración máxima: 2 horas

Si un vídeo no cumple estos requisitos, verás un error de validación en línea en el control de carga. Entre los errores habituales se incluyen:

• Tipo de archivo no compatible — carga un vídeo MP4, WebM, MOV u OGG

• Archivo demasiado grande — el tamaño máximo es de 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 cargar — no se ha podido cargar el vídeo; inténtalo de nuevo

HTML personalizado

Añade HTML personalizado para insertar widgets, formularios u otro contenido externo de terceros de proveedores como Typeform, Calendly, Tally o cualquier servicio que proporcione código para insertar. Pulsa / y selecciona HTML personalizado en el menú de bloques.

Notas laterales

Destacado

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

Limítate a uno o dos por artículo. Nunca apiles varios.

Datos

Tabla

Datos estructurados en filas y columnas.

Recursos relacionados

• Cómo crear artículos manualmente

• Crear y editar artículos con Fern