Pourquoi ?

  1. Ça fait déjà quelques temps que j'avais des bugs qui m'embettait sur mon blog sous Wordpressstrong> (les codes couleurs CSS qu'il remplaçait par des tags et/ou des liens-ancres, les doubles-quotes qu'il remplaçait par des guillemets alors que c'était du code HTML, etc.). Je ne maitrise pas assez Wordpress pour réparer tout cela efficacement et, surtout, je n'en ai vraiment ni le temps, ni l'envie.
  2. J'aime intégré mes pages, et je sais le faire, donc les évolutions autour de l'éditeur Gutenberg ne m'intéressent pas, voire m'embêtent... or je sens bien que c'est, sans doute pour de bonnes raisons, l'orientation que prends le projet. Bref, je suis de moins en moins dans le coeur de cible...
  3. Last but not least, ça fait déjà quelques années que je m'efforce de reprendre en main ma vie numérique :
    • Dans mes résolutions pour 2020, quelqu'unes concernant bien l'émancipation des grandes plateformes du web.
      • li>
    • Queles mois avant, je (re)lancais d'ailleurs le SiToFoToS pour que mes photos soient de nouveau ma propriété propre (sous licence Creative Commons quand-même, faut par déconner) et plus hébergés chez Flickr/Google Photo/Picasa/etc.
    • Au début de 2019, mes bonnes résolutions concernaient l'hébergement de mes notes, de mes mails... de mes données en général et je me proposais de reprendre en main mes interactions.
    • En 2018, je donnais ma première conférence pour rappeler aux professionnels du web que l'éthique du web, c'était d'abord l'éthique de ceux qui font le web. Moi, je voudrais que le web soit accessible, inclusif, universel, pérenne, digne de confiance, performant et éco-responsable.

Bref, vous comprendrez bien que je me devais de reprendre ce blog en main... et quoi de plus adapté pour cela de revenir aux fondamentaux du web en utilisant un générateur de site statique, et en repensant son architecture pour faire mieux avec moins.

Comment ?

Un générateur de site statique

Assez rapidement, le choix d’utiliser le générateur de site statique Jekyll s’est imposé. J’avais déjà joué avec en décembre pour préparer ma carte de voeux et j’avais été séduit par sa simplicité et sa capacité à me rendre la maîtrise sur mon site.

De plus, de nombreuses ressources existent sur le web pour guider une migration de Wordpress à Jekyll (par exemple).

Et pour l’hébergement d’un site Jekyll, Github est ton ami.

Un script pour générer les posts issus d’Instagram

Migrer de Wordpress à Jekyll, OK, c’est fait… mais sur mon blog, j’avais un plugin Wordpress qui me permettait d’automatiser la publication de mes photos postées sur Instagram… Ça ne me dérange pas que ce soit plus totalement automatisé, mais je ne voulais pas non plus que ce soit totalement manuel (et je ne voulais pas juste utiliser la capacité d’intégration d’Instagram. Je veux les photos chez moi, et à ma sauce, en en maitrisant le rendu.

J’ai rapidement trouvé, toujours sur github, un super petit outil qui m’a inspiré pour créer un petit script que je peux lancer en indiquant l’identifiant d’une publication Instagram et qui va générer le fichier du post dédié (j’ai fait un layout Instagram, merci Jekyll !) mais aussi sauvegarder les images chez moi. Rapide, facile, efficace.

Quelques composants

Une fois les posts récupérés, je me suis quand même rendu compte qu’il manquait quelques fonctionnalités que j’avais sous Wordpress grâce à des plugins. Là aussi, quelques recherches m’ont permis de retrouver mes petits, voire d’en profiter pour améliorer et uniformiser le rendu.

  • Pour les sliders, j'avais au fil des années utiliser les fonctions natives de Wordpress mais aussi tester quelques plugins pour soit disposer de meilleurs carrousels, soit de carrousels permettant d'intégrer plus facilement, pas exemple, une galerie Flickr. Je n'avais ni l'envie ni vraiment le temps de développer ma propre solutionnde carrousel, je me suis donc contente d'utiliser Splider (en faciliant son usage via une intégration dans Jekyll). exemple
  • Pour les Panorama à 360°, j'ai eu un peu plus de mal (je ne savais trop comment prendre le truc et je voulais surtout éviter les solutions Google) mais j'ai fini par trouver une petite librairie qui fait exactement ce que je voulais. exemple

Un moteur de recherche

Je pensais avoir du mal pour intégrer un moteur de recherche (ben oui, une fonctionnalité dynamique sur un site statique, je pensais que ce serait compliqué) mais en fait un plugin super simple existe, Simple Jekyll Search, et j’ai passé plus de temps à penser à l’intégration de la fonctionnalité de recherche qu’à la faire effectivement fonctionner.

Des commentaires

Même chose pour les commentaires. Je voulais quelque chose de simple, pas trop cher et pas bourrés de traqueurs. J’ai choisi d’intégrer Hyvor qui réponds à tout ces critères et, surtout, permet de récupérer assez facilement les commentaires issus du Wordpress.

Des statistiques, juste ce qu’il faut

Je mentionne les statistiques parce qu’il le faut bien mais là c’était évident et rapide car cela fait déjà un moment que les stats du blog Wordpress étaient fournies par Matomo… et que son intégration via Jekyll était vraiment un jeu d’enfant.

Alors, heureux ?

Oui, j’y ai passé un peu de temps mais j’ai repris le contrôle de ce blog et ça j’aime.

  • Je maîtrise complètement la structure et le rendu du blog (plus à magouiller un thème pour en faire ce que je veux). C’est mon code HTML et mon CSS.
  • La migration s’est fait en douceur : c’est statique mais les URLs n’ont pas bougées (ni pour les posts, ni pour les catégories ou les tags)
  • Publier un nouveau billet n’est pas plus compliqué qu’avant.

L’image d’entête est de Tookapic. Elle est en licence Creative Commons CC0 1.0.