Crear y editar páginas

Crea, edita y organiza páginas de documentación en el editor web.

​

Navegar por archivos

Explora las páginas de tu documentación en la Tab Navigation del panel izquierdo.

• Haz clic en los elementos de navegación para expandirlos o contraerlos.
• Haz clic en las páginas para abrirlas en el editor.
• Haz clic en el icono de búsqueda o pulsa Cmd + P (macOS) o Ctrl + P (Windows) para buscar archivos por nombre.

​

Ver páginas no utilizadas

La sección Páginas no utilizadas, en la parte inferior de Settings en la barra lateral, muestra las páginas y otros archivos que existen en tu repositorio pero que no están incluidos en tu navigation. Estas son páginas ocultas que no aparecen en tu sitio publicado hasta que las agregas a la navigation.

​

Crear páginas nuevas

1. Haz clic en el botón + del elemento de navegación en el que quieras agregar una página.
2. Haz clic en Add a page.
3. Introduce un nombre de archivo. El editor añade automáticamente la extensión .mdx.

​

Agregar páginas sin usar a la navegación

Agrega páginas de la sección Páginas sin usar a tu navegación.

Arrastrar y soltar:

1. Encuentra la página en la sección Páginas sin usar.
2. Arrastra la página a la ubicación deseada en tu árbol de navegación.

En el árbol de navegación:

1. Haz clic en el botón con el signo más, , donde deseas agregar el archivo.
2. Haz clic en Agregar archivo existente.
3. Selecciona la página que deseas agregar.

​

Editar contenido

Cambia entre el modo visual y Markdown mode mediante el conmutador en la barra de herramientas. El editor web guarda tus cambios al cambiar de modo.

​

Modo visual

Edita el contenido con vistas previas en tiempo real que muestran cómo se verá el contenido cuando se publique.

• Agregar texto: Escribe en el editor para ver cómo se ve el texto cuando se publica.
• Dar formato al texto: Usa la barra de herramientas para poner texto en negrita, cursiva o aplicar otros formatos.
• Agregar componentes: Presiona / para abrir el menú de componentes y seleccionar componentes.
• Agregar imágenes: Usa el componente de imagen desde el menú /.
• Insertar enlaces: Selecciona texto y presiona Cmd + K.

Consulta Components para obtener la lista completa de componentes disponibles.

​

Modo Markdown

Edita el código fuente de MDX.

• Edición directa de MDX: Escribe sintaxis de MDX y Markdown para controlar el contenido con precisión.
• Propiedades de componentes: Configura las propiedades y opciones de los componentes.
• Frontmatter: Edita los metadatos de la página en la parte superior del archivo.

Consulta Formatear texto y Formatear código para obtener más información sobre la sintaxis de MDX.

​

Configurar páginas

Configura la configuración de las páginas para controlar cómo aparecen en la navigation, en los resultados de búsqueda y en el diseño de tu sitio.

1. Haz clic con el botón derecho en un archivo.
2. Haz clic en Configure.

​

Personaliza la apariencia de la navegación

Controla cómo se muestra la página en la barra lateral de navegación de tu sitio.

• Title: Define el encabezado principal. Aparece en la navegación, en las pestañas del navegador y en los resultados de búsqueda.
• Título de la barra lateral: Muestra un texto más corto en la navegación cuando el título completo es demasiado largo para la barra lateral.
• Icon: Añade un marcador visual junto a la página para ayudar a los usuarios a identificarla rápidamente.
• URL externa: Enlaza a un sitio externo en lugar de una página. Úsalo para añadir recursos externos a tu navegación.

​

Optimiza para búsqueda y para compartir

Ayuda a los usuarios a encontrar tu página y mejora cómo aparece cuando se comparte.

• Description: Escribe un breve resumen. Aparece en los resultados de búsqueda y en las metaetiquetas de SEO.
• Keywords: Añade términos de búsqueda relevantes para ayudar a los usuarios a descubrir esta página.
• OG Image URL: Configura una imagen de vista previa personalizada para las publicaciones en redes sociales y las vistas previas de enlaces.

​

Controlar el diseño de la página

Elige cómo se muestra la página para que se adapte a tus necesidades de contenido.

• Diseño estándar (default): Página predeterminada con barra lateral de navegación e índice de contenido.
• Diseño de ancho completo (wide): Oculta el índice de contenido para permitir diseños más anchos para tablas, diagramas u otro contenido.
• Diseño centrado (center): Oculta la barra lateral y el índice de contenido para mejorar la legibilidad en páginas con mucho texto, como las páginas de cambios.
• Ancho personalizado (custom): Diseño mínimo con solo la barra de navegación superior para páginas de destino u otros diseños únicos.

​

Mover páginas

Para mover páginas en tu navigation, arrástralas y suéltalas en la ubicación que quieras.

Para duplicar o eliminar páginas, haz clic derecho sobre la página y selecciona la acción que quieras realizar.

Para quitar una página de navigation sin eliminar el archivo, haz clic derecho sobre la página y selecciona Hide Page. La página se mueve a la sección Unused pages y no aparecerá en tu sitio publicado. El archivo permanece en tu repositorio y puedes volver a agregarlo a navigation más adelante.