Guía Maestra de Sintaxis

Esta página demuestra todas las capacidades de tu nuevo blog.

🚀 Componentes UI de Fumadocs

Estas características son exclusivas de Fumadocs y hacen que tu sitio destaque.

Tarjetas (Cards)

Ideales para enlaces destacados o agrupar conceptos.

Ir a Introducción

Vuelve al inicio de los apuntes

Documentación Oficial

Aprende más sobre Fumadocs

Alertas (Callouts)

Usa esto para resaltar información crítica.

Nota

Información por defecto. Útil para notas al margen.

Dato Curioso

¿Sabías que Fumadocs usa Next.js bajo el capó?

Precaución

Ten cuidado al modificar archivos de configuración.

Peligro

Esto es un error crítico o algo que el usuario no debe hacer.

💻 Bloques de Código Avanzados

Fumadocs lleva los bloques de código al siguiente nivel.

Títulos y Números de Línea

Añade title="Nombre" y lineNumbers.

calculo.js

const suma = (a, b) => {
  return a + b;
}
console.log(suma(2, 2));

Resaltado y Diffs

Puedes resaltar líneas o mostrar cambios (como en Git) directamente en el código.

diff-ejemplo.ts

function demo() {
  console.log('Esta línea se queda igual'); 
  console.log('Esta línea se borrará'); 
  console.log('Esta línea es nueva'); 
  
  // ¡Mira cómo resalta la siguiente línea!
  return "Resultado importante"; 
}

Pestañas de Código (Tabs)

Perfecto para mostrar el mismo código en varios lenguajes.

console.log('Hola Mundo');

Comandos de Instalación

Usa el lenguaje npm para generar pestañas de instalación automáticas.

npm install fumadocs-ui

📝 Markdown Estándar

Estilos de Texto

Estilo	Sintaxis	Resultado
Negrita	`texto`	texto
Cursiva	`texto`	texto
Tachado	`~~texto~~`	~~texto~~
Código	`código`	`código`
Subíndice	`<sub>texto</sub>`	_texto
Superíndice	`<sup>texto</sup>`	^texto