Custom scripts

Agregue CSS y JS personalizados a su documentación para personalizar completamente el aspecto y la sensación.

CSS Personalizado

Agregue cualquier número de archivos CSS a su repositorio y los nombres de clase definidos se aplicarán y estarán disponibles en todos sus archivos MDX.

Agregando style.css

Por ejemplo, puede agregar el siguiente archivostyle.csspara personalizar el estilo de la barra de navegación y el pie de página.

#navbar {
  background: "#fffff2";
  padding: 1rem;
}

footer {
  margin-top: 2rem;
}

Usando Identificadores

Mintlify tiene un conjunto de identificadores comunes para ayudarlo a etiquetar elementos importantes de la interfaz de usuario. Algunos, pero no todos, se enumeran en lo siguiente:

#topbar-cta-button #navbar #sidebar #content-area #table-of-contents

Use la inspección de elementos para encontrar referencias a los elementos que desea personalizar.

Las referencias y el estilo de los elementos comunes están sujetos a cambios a medida que evoluciona la plataforma. Utilice la personalización con precaución.

JS Personalizado

El JS personalizado le permite agregar código ejecutable personalizado globalmente. Es equivalente a agregar una etiqueta<script>con código JS en cada página.

Agregando JavaScript Personalizado

Cualquier archivo.jsdentro del directorio de contenido de su documentación se incluirá en cada página de documentación. Por ejemplo, puede agregar el siguiente archivoga.jspara habilitarGoogle Analyticsen toda la documentación.

window.dataLayer = window.dataLayer || [];
function gtag() {
  dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'TAG_ID');

Por favor, use con precaución para no introducir vulnerabilidades de seguridad.