---
title: Descripción general de Escribir y organizar
sidebarTitle: Resumen de redacción
description: >-
  Todo sobre crear páginas de Jamdesk: sintaxis MDX, bloques de código,
  medios, SEO y herramientas para previsualizar tu trabajo antes de
  publicarlo.
---

> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.

Las páginas de Jamdesk son archivos MDX: Markdown estándar con componentes de React disponibles donde los necesites. Una página es solo frontmatter más contenido.

```mdx
---
title: Rate Limits
description: How rate limiting works across API tiers.
---

Requests are limited per API key.

<Note>Enterprise plans have custom limits.</Note>
```

La mayor parte de lo que escribirás es Markdown normal. Las páginas de esta sección cubren el resto: bloques de código con resaltado de sintaxis, imágenes y video, notación matemática, snippets reutilizables, y los campos de frontmatter que controlan títulos, iconos y metadatos SEO.

## MDX y páginas

<Columns cols={3}>
  <Card title="Conceptos básicos de MDX" icon="pen-to-square" href="/es/content/mdx-basics">
    Markdown con componentes de React incrustados. Empieza aquí.
  </Card>
  <Card title="Bloques de código" icon="code" href="/es/content/code-blocks">
    Resaltado de sintaxis, números de línea, nombres de archivo y CodeGroups
  </Card>
  <Card title="Componentes de React personalizados" icon="puzzle-piece" href="/es/content/react-components">
    Define tus propios componentes con renderizado en el servidor y Tailwind
  </Card>
  <Card title="Frontmatter" icon="file-lines" href="/es/content/frontmatter">
    Títulos, descripciones, iconos, anulaciones de la barra lateral y metadatos SEO
  </Card>
  <Card title="Encabezados" icon="heading" href="/es/content/headers">
    Encabezados H2 y H3 que completan la tabla de contenidos
  </Card>
  <Card title="Iconos" icon="icons" href="/es/content/icons">
    Iconos de Font Awesome Pro en tarjetas, notas, navegación y texto en línea
  </Card>
  <Card title="Enlaces y anclas" icon="link" href="/es/content/links">
    Enlaces internos, anclas de encabezado y URLs externas
  </Card>
  <Card title="Matemáticas y LaTeX" icon="square-root-variable" href="/es/content/math">
    Renderizado con KaTeX para ecuaciones y expresiones
  </Card>
  <Card title="SEO" icon="magnifying-glass" href="/es/content/seo">
    Etiquetas meta, vistas previas para redes sociales y sitemaps generados automáticamente
  </Card>
  <Card title="Páginas ocultas" icon="eye-slash" href="/es/content/hidden-pages">
    Mantén las páginas fuera de la barra lateral y de la búsqueda sin eliminarlas
  </Card>
  <Card title="Snippets" icon="clone" href="/es/content/snippets">
    Bloques de contenido reutilizables que importas en distintas páginas
  </Card>
</Columns>

## Medios e incrustaciones

<Columns cols={2}>
  <Card title="Imágenes" icon="image" href="/es/content/images">
    Tamaño, leyendas, variantes claro/oscuro y formatos admitidos
  </Card>
  <Card title="YouTube" icon="circle-play" href="/es/content/youtube">
    Videos con carga diferida y Shorts con tiempos de inicio personalizados
  </Card>
  <Card title="Videos" icon="video" href="/es/content/videos">
    MP4 y WebM con las propiedades autoplay, loop y poster
  </Card>
  <Card title="iFrames" icon="window-restore" href="/es/content/iframes">
    Vimeo, CodePen, Figma, Loom y otras incrustaciones externas
  </Card>
</Columns>

## Herramientas de autoría

No es necesario hacer push para ver tus cambios. Previsualiza localmente con la CLI, edita en el navegador o controla el servidor de desarrollo desde VS Code.

<Columns cols={3}>
  <Card title="Preview local" icon="terminal" href="/es/development/local-preview">
    Ejecuta tu documentación en tu máquina con recargas instantáneas
  </Card>
  <Card title="Editor web" icon="browser" href="/es/development/web-editor">
    Edita MDX en el navegador con preview en vivo, haz commit directo a tu repositorio
  </Card>
  <Card title="Extensión de VS Code" icon="square-code" href="/es/development/vscode-extension">
    Inicia y detén el servidor de desarrollo desde la barra de estado
  </Card>
</Columns>