Según Orden de búsqueda de diseños de Hugo, es fácil anular los diseños y parciales de Hugo y del tema. Es útil para los usuarios que desean personalizar algunas cosas de diseños o parciales particulares. Uso Simplemente cree un diseño o un archivo parcial con el mismo nombre de archivo que desea anular en la raíz del...
PurgeCSS es una herramienta increíble que elimina el CSS no utilizado de su sitio. En esta sección, profundizaremos en cómo funciona PurgeCSS y a qué debemos prestar atención. ¿Cómo funciona? PurgeCSS requiere que se establezca la siguiente configuración. TOML YAML JSON config.toml 1[build] 2 writeStats = true...
En este artículo vamos a hablar sobre cómo mejorar el rendimiento de sus sitios. La forma más sencilla de mejorar el rendimiento es reducir el tamaño del archivo para transferirlo más rápido. Medio ambiente El tema se basa en el entorno production para minimizar los activos de JavaScript y CSS, y eliminar el CSS no...
En este artículo se enumeran algunos eventos personalizados emitidos por el tema; puede detectar esos eventos a través de detectores de eventos. Evento de modo de color HBS emitirá un evento personalizado llamado hbs:mode cuando se cambie el modo de color; es útil para ajustar el estilo de su widget al modo de color...
Gracias a assets/main/scss/_variables.scss, tenemos la capacidad de cambiar las variables SCSS predeterminadas del tema y Bootstrap. ¿Por qué variables SCSS? Aunque podemos anular el CSS a través de assets/main/scss/_custom.scss, esto eventualmente aumentará el tamaño del paquete de CSS; sin embargo, la variable SCSS...
Los usuarios que han utilizado el botón bloquear copia no son ajenos al Snackbar, que informa al usuario de los resultados de la ejecución de la aplicación. Este artículo dará un ejemplo de cómo utilizar Snackbar para satisfacer la necesidad de interacción personalizada del usuario. ##API Función Descripción show(body:...
Como tema personalizable, brinda la capacidad de personalizar activos, ya sea personalizando CSS y JS o introduciendo CSS y JS de terceros. Activos internos Simplemente cree y edite los archivos assets/main/scss/_variables.scss, assets/main/scss/_custom.scss y assets/main/js/custom.ts. Estos archivos se agruparán en...
Como tema flexible, debería tener la capacidad de personalizar el código e integrar servicios de terceros. Por lo tanto, trajimos una función llamada gancho. En este artículo, presentaremos todos los ganchos y brindaremos algunos casos de uso. Descripción general Gancho Descripción head-end Antes del final <head>...