> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-i-to-quickstart-8818.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Gestión del contenido

> Crea, edita y organiza tus páginas de documentación

<div id="navigating-your-files">
  ## Navegación por tus archivos
</div>

Usa el explorador de archivos de la barra lateral para recorrer tus archivos de documentación. Haz clic en cualquier archivo para abrirlo en el editor.

Presiona <kbd>Command</kbd> + <kbd>P</kbd> (<kbd>Ctrl</kbd> + <kbd>P</kbd> en Windows) para buscar archivos por nombre.

<div id="creating-new-pages">
  ## Crear nuevas páginas
</div>

<Steps>
  <Step title="Crear un archivo nuevo">
    Selecciona el icono **Create a new file** en la barra lateral del explorador de archivos.

    <img
      src="https://mintcdn.com/mintlify-mintlify-add-i-to-quickstart-8818/NmeyYGixT2K2I33e/images/editor/files-menu-light.png?fit=max&auto=format&n=NmeyYGixT2K2I33e&q=85&s=a7fb81240f385852b2ccf1b983c78242"
      className="block dark:hidden rounded-2xl border border-gray-100 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="Menú de archivos en el editor web"
      width="688"
      height="130"
      data-path="images/editor/files-menu-light.png"
    />

    <img
      src="https://mintcdn.com/mintlify-mintlify-add-i-to-quickstart-8818/NmeyYGixT2K2I33e/images/editor/files-menu-dark.png?fit=max&auto=format&n=NmeyYGixT2K2I33e&q=85&s=acfab3c793c78156435f048d4e8d8a3c"
      className="hidden dark:block rounded-2xl border border-white/10 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="Menú de archivos en el editor web en modo oscuro"
      width="690"
      height="132"
      data-path="images/editor/files-menu-dark.png"
    />
  </Step>

  <Step title="Introduce un nombre de archivo">
    Los nombres de archivo deben terminar en `.mdx`. Por ejemplo, `api-reference.mdx` o `getting-started.mdx`.
  </Step>

  <Step title="Crear y abrir">
    Pulsa <kbd>Enter</kbd> para crear el archivo. Se abrirá automáticamente en el editor, listo para añadir contenido.
  </Step>
</Steps>

<div id="organizing-your-navigation">
  ## Organiza la navegación
</div>

Agrega nuevas páginas a la navegación de tu sitio editando el archivo `docs.json`.

<Steps>
  <Step title="Abrir docs.json">
    Busca y abre el archivo `docs.json` en el directorio raíz usando el explorador de archivos.
  </Step>

  <Step title="Ubicar la sección de navegación">
    Encuentra el lugar en el archivo `docs.json` donde quieres agregar la nueva página.
  </Step>

  <Step title="Agregar tu página">
    Inserta el nombre de archivo de la página (sin la extensión `.mdx`) en el arreglo `pages` del grupo correspondiente.
  </Step>
</Steps>

<div id="example-adding-a-themes-page">
  ### Ejemplo: agregar una página de temas
</div>

```json title="Agregar una página de temas al grupo Profile" highlight="18"
{
    "navigation": {
        "groups": [
            {
                "group": "Introducción",
                "pages": [
                    "index",
                    "quickstart", 
                    "installation"
                ]
            },
            {
                "group": "Perfil",
                "pages": [
                    "settings",
                    "account-types", 
                    "dashboard",
                    "themes"
                ]
            }
        ]
    }
}
```

<div id="editing-content">
  ## Edición de contenido
</div>

Realiza cambios en tus páginas usando el modo visual o el modo Markdown en el editor.

En el modo visual, presiona <kbd>/</kbd> para abrir el menú de componentes. Agrega bloques de contenido, avisos, bloques de código y otros componentes para personalizar tu documentación.

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-i-to-quickstart-8818/NmeyYGixT2K2I33e/images/editor/component-menu-light.png?fit=max&auto=format&n=NmeyYGixT2K2I33e&q=85&s=721274bf258e59bd020275aa841020b4" alt="El menú de componentes desplegado destacado en el editor web de Mintlify" className="block dark:hidden" width="3024" height="1592" data-path="images/editor/component-menu-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-i-to-quickstart-8818/NmeyYGixT2K2I33e/images/editor/component-menu-dark.png?fit=max&auto=format&n=NmeyYGixT2K2I33e&q=85&s=af81aff67eaa671cddd119d17fc95918" alt="El menú de componentes desplegado destacado en el editor web de Mintlify" className="hidden dark:block" width="3018" height="1592" data-path="images/editor/component-menu-dark.png" />
</Frame>

En el modo Markdown, puedes editar directamente el `MDX` de tus páginas. Esto puede ser útil cuando necesitas:

* Definir propiedades específicas de los componentes
* Trabajar con componentes anidados complejos
* Copiar y pegar contenido `MDX` de otras fuentes