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 por defecto. 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 escribes a tu yo del futuro."

Regla horizontal

Divisor visual entre secciones.

Formato en línea

Selecciona 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

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

• 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

• Escribir tu primer artículo

• Conectar un dominio personalizado

Úsalas para listas de verificación de configuración, prerrequisitos o procedimientos que los lectores siguen por su cuenta.

Procedimientos

Pasos

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

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

Bloques de diseño

Columnas

Contenido de lado a lado. Elige entre 2 o 3 columnas al insertar el bloque.

Usa esto para comparaciones, cuadrículas de características o para dividir contenido relacionado.

Tarjeta

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

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

Botón

Un único 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. Añade una etiqueta de nombre de archivo si es útil.

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

Multi-có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 colapsable

Detalles

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

Úsalos para preguntas frecuentes, información opcional o solución de problemas que no todos los lectores necesitan.

Multimedia

Imagen

Añádela arrastrando archivos al editor, pegándolos desde el portapapeles o mediante el menú de barra diagonal. Soporta PNG, JPEG, GIF y WebP.

Video

Añade videos incrustándolos desde una plataforma de alojamiento o subiendo un archivo directamente. Presiona / y selecciona Video en el menú de bloques, luego elige entre incrustar una URL o subir un archivo.

Incrustar un video

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

Subir un video

Sube un archivo de video directamente desde tu computadora. Los formatos soportados 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 video no cumple con estos requisitos, verás un error de validación en el control de subida. Los errores comunes incluyen:

• Tipo de archivo no compatible — sube un video MP4, WebM, MOV u OGG

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

• Video demasiado largo — la duración máxima es de 2 horas

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

• Error de subida — el video no se pudo subir, inténtalo de nuevo

Notas laterales

Aviso

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

Limítalo a uno o dos por artículo. Nunca los apiles.

Datos

Tabla

Datos estructurados en filas y columnas.

Recursos relacionados

• Cómo crear artículos manualmente

• Crear y editar artículos con Fern