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...
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...
Les utilisateurs ayant utilisé le bouton de copie en bloc ne sont pas étrangers au Snackbar, qui informe l’utilisateur des résultats de l’exécution de l’application. Cet article donnera un exemple de la façon d’utiliser Snackbar pour répondre au besoin d’interaction personnalisée de l’utilisateur. ##API Fonction...
En tant que thème personnalisable, il offre la possibilité de personnaliser les actifs, qu’il s’agisse de personnaliser CSS et JS ou d’introduire des CSS et JS tiers. Actifs internes Créez et modifiez simplement les fichiers assets/main/scss/_variables.scss, assets/main/scss/_custom.scss et assets/main/js/custom.ts....
En tant que thème flexible, il devrait avoir la possibilité de personnaliser le code et d’intégrer des services tiers. Par conséquent, nous avons apporté une fonctionnalité appelée hook. Dans cet article, nous présenterons tous les hooks et proposerons quelques cas d’utilisation. Aperçu Crochet Descriptif head-end...