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...
When the page is too long, the sidebar will disappear with scrolling and the page will not look as neat and beautiful. So this article will introduce how to use sticky widgets to avoid this problem.
HBS admite varios idiomas desde el primer momento, como inglés, chino simplificado, chino tradicional, francés, ruso, etc. Puedes agregar tus propias traducciones en: tema-hugo-bootstrap/i18n Idiomas admitidos Language Code English en Simplified Chinese zh-hans(Recommended), zh-cn Traditional Chinese...
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...
En este artículo, exploraremos algunos códigos cortos para texto, como alineación, transformación y selección. Transformación de texto texto en minúsculas. TEXTO EN MAYÚSCULAS. Texto en mayúscula. Alineación de texto Alinear el texto al inicio. Alinear el texto al centro. Alinear el texto hasta el final. Selección de...
Este artículo detallará cómo crear una imagen de Docker. Principio Utilice Hugo para crear el sitio y generar archivos estáticos. Utilice Nginx como servidor para manejar solicitudes. Archivo Docker Cree un Dockerfile en la raíz del sitio. 1############### 2# Build Stage # 3############### 4FROM razonyang/hugo as...
Este artículo explica cómo implementar sitios en Páginas de GitHub usando GitHub Actions. Flujo de trabajo Cree .github/workflows/gh-pages.yml en la raíz del sitio. 1name: GitHub Pages 2on: 3 push: 4 branches: 5 - main 6permissions: 7 contents: write 8jobs: 9 build-and-deploy: 10 concurrency: ci-${{ github.ref }} 11...