Selon le Ordre de recherche des mises en page Hugo, il est facile de remplacer les mises en page et les partiels de Hugo et du thème. C’est utile pour les utilisateurs qui souhaitent personnaliser certains éléments de mises en page ou de partiels particuliers. Utilisation Créez simplement une mise en page ou un fichier...
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 prend en charge plusieurs langues, telles que l’anglais, le chinois simplifié, le chinois traditionnel, le français, le russe, etc. Vous pouvez ajouter vos propres traductions sur : Hugo-thème-bootstrap/i18n Langues prises en charge Language Code English en Simplified Chinese zh-hans(Recommended), zh-cn Traditional...
PurgeCSS est un outil génial qui supprime les CSS inutilisés de votre site. Dans cette section, nous verrons comment fonctionne PurgeCSS et à quoi devons-nous prêter attention. Comment ça marche ? Le PurgeCSS nécessite que la configuration suivante soit définie. TOML YAML JSON config.toml 1[build] 2 writeStats = true...
Dans cet article, nous allons parler de comment améliorer les performances de vos sites. Le moyen le plus simple d’améliorer les performances consiste à réduire la taille du fichier pour un transfert plus rapide. Environnement Le thème s’appuie sur l’environnement production pour réduire les ressources JavaScript et...
Cet article répertorie certains événements personnalisés émis par le thème. Vous pouvez capturer ces événements via des écouteurs d’événements. Événement du mode couleur HBS émettra un événement personnalisé appelé hbs:mode en cas de changement du mode couleur, il est utile d’ajuster le style de votre widget au mode...
Grâce à assets/main/scss/_variables.scss, nous avons la possibilité de changer les variables SCSS par défaut du thème et de Bootstrap. Pourquoi les variables SCSS ? Bien que nous puissions remplacer le CSS via assets/main/scss/_custom.scss, cela finira par augmenter la taille du bundle CSS, mais ce n’est pas le cas de...
Dans cet article, nous explorerons quelques codes courts pour le texte, tels que l’alignement, la transformation et la sélection. Transformation de texte texte en minuscules. TEXTE EN MAJUSCULE. Texte en majuscule. Alignement du texte Alignez le texte au début. Alignez le texte au centre. Alignez le texte à la fin....
Cet article détaillera comment créer une image Docker. Principe Utilisez Hugo pour créer le site et générer des fichiers statiques. Utilisez Nginx comme serveur pour gérer les requêtes. Fichier Docker Créez un Dockerfile à la racine du site. 1############### 2# Build Stage # 3############### 4FROM razonyang/hugo as...
Cet article explique comment déployer des sites sur Pages GitHub à l’aide des actions GitHub. Flux de travail Créez .github/workflows/gh-pages.yml à la racine du site. 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...