quaternum.net
Menu

2021-07-21

Refonte : chantier ouvert

La refonte d’un site web est toujours un exercice stimulant, cela fait plusieurs mois que je voulais reconstruire mon carnet quaternum.net en partant de zéro, je débute cette entreprise en rendant public ce processus.

Ce carnet a cette forme depuis au moins 7 ans, j’avais alors adapté un thème Jekyll, tordant la structure et la feuille de styles. J’ai besoin, et surtout envie, de construire à la main et sans modèle ce qui est un peu ma maison numérique. Cela signifie définir des gabarits de pages et dessiner la composition, tout cela dans un souci de simplicité.

À ciel ouvert

D’autres s’y sont essayés ou s’y essayent actuellement, réaliser une refonte ou un redesign de façons progressive et publique a quelque chose de grisant, et aussi d’un peu risqué. Je m’impose cette contrainte pour que l’opération ne soit pas trop longue, le marathon doctorat ne me laissant que peu de temps. Tout est versionné et disponible sur ce dépôt public, les remarques sont les bienvenues. Il est aussi possible de m’écrire.

Articuler les espaces de publication

Le premier objectif de cette refonte est de relier plusieurs espaces de publication, et cela implique un changement de générateur de site statique. J’en profite pour jouer avec Hugo que je pratique intensément depuis un an, et ainsi de faire plus facilement le lien avec deux autres espaces de publication :

En utilisant la même fabrique ou presque, je peux faire circuler des contenus avec un balisage commun — par exemple via l’usage des shortcodes de Hugo.

Pourquoi Hugo et pas un générateur plus récent ou plus à la mode ? Hugo n’a pas de dépendance (un seul fichier binaire suffit), il est rapide (pratique pour prévisualiser en parallèle de l’éditeur de texte), multiformat (plusieurs formats peuvent être générés à partir d’une même source) et modulaire (mais sans la contrainte des extensions habituelles). Le seule problème, propre à tous les générateurs de site statique, c’est le fait que tous les contenus sont re-générés, sans possibilité de faire de l’incrémental (ne re-générer que les pages modifiées). Si je choisis Hugo aujourd’hui, c’est aussi pour pouvoir changer plus tard, cette décision n’étant pas, et ne pouvant pas, être définitive.

Quelques contraintes pour démarrer

Cette première étape est sommaire, puisqu’il n’y a même pas de feuille de style et que la structure HTML est très basique — y compris les métadonnées d’entête — voir même un peu bancale. Les seules contraintes que je me suis fixé pour démarrer sont les suivantes :

Les prochaines étapes seront la structure HTML, les métadonnées, les pages d’index, la composition typographique, la gestion de la rouille, la production de formats alternatifs, etc.