Abridge Zola Thème
Jake G mai 17, 2022 Modifié: juillet 21, 2023 [Features] #configAbridge est un thème Zola rapide et léger utilisant du HTML sémantique, seulement ~6kb css avant les icônes svg et la coloration syntaxique, pas de JS obligatoire, et des scores parfaits Lighthouse, YellowLabTools, et Observatory scores. Voici une page de références des thèmes Zola.
Pour une configuration rapide, copiez le fichier config.toml du thème abrégé à la racine de votre site zola, cela vous donnera une configuration de base avec toutes les valeurs de configuration utilisées.
Vous pouvez ensuite modifier ou commenter les valeurs de ce fichier si nécessaire.
Vous devez également décommenter la ligne #theme = "abridge" dans votre fichier racine zola config.toml. Cela indique à votre site racine zola d'utiliser le thème abrégé dans le dossier des thèmes.
Pagination
Vous pouvez définir le nombre d'éléments qui apparaissent sur la page d'accueil en modifiant content\_index.md
le fichier et en ajustant paginate_by = 3
Sass Overrides
Les variables SCSS abrégées peuvent être remplacées en modifiant sass\abridge.scss
fichier dans le dossier sass racine de votre projet.
Page Width
$mw:
Abridge Theme Modes
$abridgeMode:
Colors and Styles
Vous pouvez spécifier le modèle de couleur que vous souhaitez utiliser comme base:
$color:
Remplacez ensuite les couleurs individuelles si nécessaire:
/// Dark Colors
$f1d:
Footer Social Icons
Vous devez configurer les icônes sociales que vous prévoyez d'utiliser. (rend la taille du fichier css plus petite)
Pour les désactiver tous simplement, vous pouvez définir $enable-icons: false
Sinon, activez uniquement les icônes dont vous avez besoin, par exemple pour le courrier que vous définiriez $icon-mail: true
Vous devez ensuite désactiver toutes les icônes que vous n'utilisez pas.