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 secciones principales y H3 para subsecciones.

Cita en bloque

Para contenido citado o declaraciones destacadas.

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

Regla horizontal

Separador visual entre secciones.

Formato en línea

Selecciona 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

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

Listas

Listas con viñetas y numeradas

Listas con viñetas para elementos no ordenados, 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 guarda 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 sigan por su cuenta.

Procedimientos

Pasos

Procedimiento numerado en el que 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 en los que cada paso necesita instrucciones detalladas.

Bloques de diseño

Columnas

Contenido lado a lado. Elige entre 2 o 3 columnas cuando insertes el bloque.

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

Tarjeta

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

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

Botón

Botón único 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. Añade una etiqueta de nombre de archivo si resulta ú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 plegable

Detalles

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

Úsalo para preguntas frecuentes, contexto opcional o soluciones de problemas que no necesitan todos los lectores.

Medios

Imagen

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

Vídeo

Añade vídeos incrustándolos desde una plataforma de alojamiento o subiendo un archivo directamente. Pulsa / y selecciona Video 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 compatibles son MP4, WebM, MOV y OGG.

Límites de carga:

• Tamaño máximo de 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. Los errores comunes incluyen:

• Tipo de archivo no compatible — sube un vídeo MP4, WebM, MOV u 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 — no se pudo cargar el vídeo, inténtalo de nuevo

HTML personalizado

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

Notas laterales

Llamada

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

Limítalo a una o dos por artículo. Nunca apiles varias.

Datos

Tabla

Datos estructurados en filas y columnas.

Recursos relacionados

• Cómo crear artículos manualmente

• Crear y editar artículos con Fern