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...
Este artículo le muestra cómo implementar su sitio en Páginas de Cloudflare. Creando un proyecto Comenzaremos creando un proyecto Git y completando la información adecuada. Comando de compilación 1npm i && hugo --gc --minify --enableGitInfo -b https://hbs-skeleton.pages.dev npm i es un acceso directo a npm install, que...
Este artículo muestra cómo implementar su sitio en Netlificar. Configuración de Netlify Cree un netlify.toml en la raíz del sitio: 1[build] 2 publish = "public" 3 4[build.environment] 5 NODE_VERSION = "17.6.0" 6 HUGO_VERSION = "0.147.9" 7 HUGO_ENABLEGITINFO = "true" 8 GO_VERSION = "1.17.7" 9 10[context.production] 11...