Archives de catégorie : Weblog

Hugo : Installation de remark42 pour les commentaires

Je poursuis mon projet de passer le blog de WP à Hugo. Maintenant que j’ai installé mon serveur Hugo en local, que j’ai trouvé un thème, et que je l’ai personnalisé (voir article précédent), il est temps de penser au système de commentaires que je souhaite ajouter, et à le tester.

Comme je le disais dans l’article à propos de migrer le blog vers Hugo, j’ai choisi Remark42 comme système de commentaire. Il a plusieurs qualités qui m’ont intéressé :

  • on peut l’auto-héberger dans un container docker.
  • le thème Stack que j’ai choisi le supporte de base (utile surtout pour le css).
  • on peut importer les commentaires du site WordPress que l’on migre.
  • Il est basé sur la sécurité et le respect de la vie privée.
  • Il est recommandé par l’outil de migration wp2hugo.

Il coche donc toutes les cases. Il lui manque peut-être une interface d’administration, mais est-ce vraiment utile ? on peut quand même bloquer un utilisateur, supprimer un commentaire, désactiver les commentaires pour un article. L’essentiel est là.

On trouve quelques tutos pour l’installer et le paramétrer comme par exemple :

C’est donc parti pour l’installation !

Continuer la lecture de Hugo : Installation de remark42 pour les commentaires

Hugo avec thème Stack : installation en local

Dans un précédent article, j’expliquais mon idée de migrer mon blog WordPress sous Hugo, pour des raisons de performance et d’efficacité, mais aussi de simplification car si WordPress permet de faire beaucoup de choses, je n’en ai pas de réel besoin, alors autant passer à quelque chose de plus simple et de totalement opensource.

Dans cette optique, la première étape est d’installer Hugo en local sur le PC afin de pouvoir commencer à l’utiliser, puis à adapter un thème à ce que je souhaite obtenir comme apparence.

Cet article est assez long puisque l’on va partir du thème Stack de départ, totalement vide :

Pour arriver à ça :

C’est parti, il y a du boulot ! 😉

Continuer la lecture de Hugo avec thème Stack : installation en local

Migrer le blog vers Hugo

Je suis en train de réfléchir sérieusement à migrer mon blog WordPress vers Hugo, un SSG (Static Site Generator) qui offre simplicité et rapidité comparé à « l’usine à gaz » qu’est WordPress. Attention, il ne s’agit pas ici pour moi de critiquer WP, je l’ai utilisé pendant assez longtemps (~20 ans) et j’étais bien content de l’avoir. Mais il est vrai que c’est assez lourd, avec le PHP, la base de données, les plugins incertains… Pour un simple blog comme le mien, je n’ai honnêtement pas besoin d’autant de complexité.

Car ce sont autant de surfaces d’attaque, avec tout ce code généré ; il suffit d’ailleurs de voir le nombre de mises à jour de WP, sans parler de la qualité des plugins que l’on a activé sur son site, plus ou moins bien écrits, plus ou moins maintenus, etc… Avec Hugo et ses pages statiques en HTML, il n’y a rien à attaquer car rien ne s’exécute. Il ne faut pour autant pas idéaliser la chose, car si on ajoute un système de commentaires (externe), il faudra gérer la question des spams, car Hugo ne propose évidemment rien sur le sujet…

L’autre aspect problématique de WP, c’est la performance (d’où le terme « usine à gaz » utilisé), et sans un hébergeur qui a toutes capacités de mise en cache et d’optimisation en tous genres, le temps d’affichage d’une page serait vraiment très long. Hugo, en tant que SSG, génère des pages statiques en HTML, et il suffit donc de les envoyer au navigateur, et c’est évidemment beaucoup plus rapide :

Hugo, c’est donc le choix de la simplicité : on écrit ses articles en markdown, et Hugo se charge de les convertir en HTML. Il y a certainement moins de possibilités qu’avec Gutenberg, l’éditeur de WP (encore qu’il y a les shortcodes dans Hugo). Il y a surtout les aspects pas du tout gérés par Hugo, comme les formulaires ou les commentaires, mais avec des solutions externes pour les remplacer.

Mais ce côté simplification me plaît, se concentrer sur le texte de l’article, et laisser tomber les petites fioritures que permet WP avec le choix d’une multitude de plugins, mais qui finalement ne sont pas indispensables. Avoir un blog très rapide, des articles qui s’affichent en un clin d’œil, et qui se concentrent sur l’essentiel, c’est tentant. Alors pourquoi pas ?

Mais qu’est-ce que ça implique vraiment ?

Continuer la lecture de Migrer le blog vers Hugo

Mauvais affichage du blog sur mobile

Surprise hier, en affichant mon blog sur le smartphone, j’avais un espace à droite inutilisé :

Manifestement, la partie « web responsive » détectait mal la largeur de l’écran, mais pourquoi ? Je n’ai pas fait de modifications sur le thème récemment, je ne comprenais donc pas trop d’où pouvait venir le problème.

J’ai commencé par vider le cache du navigateur et recharger la page, sans changement. Puis j’ai installé un autre navigateur sur le smartphone : idem, le problème persistait. Ce matin, j’ai donc commencé à regarder cela de plus près, et j’ai été assez heureux puisque j’ai vite trouvé comment corriger ce problème, même si je ne maîtrise pas le sujet…

Continuer la lecture de Mauvais affichage du blog sur mobile

Statistiques du blog – année 2024

Comme chaque année ou presque, voilà les statistiques du blog pour l’année 2024. Comme je le dis à chaque fois, c’est sans doute l’article le plus inutile de l’année, il est donc important de commencer celle-ci par celui-là. 😉

C’est aussi l’occasion de souhaiter une bonne année 2025, une bonne santé, et plein de bonnes choses à tous les lecteurs occasionnels ou pas de ce modeste blog.

Car autant vous le dire tout de suite, les stats sont nettement à la baisse ! 😮 Et comme je n’ai pas fait de stats l’année dernière pour cause de voyage, je compare les chiffres à ceux de 2022.

Continuer la lecture de Statistiques du blog – année 2024

Une TOC pour mon journal de voyage

Finalement, je vais faire un nouveau journal de voyage après mon séjour en Asie de l’hiver dernier. Mais en repassant sur les pages existantes (Asie 2018), j’ai vu que j’avais un peu bâclé la navigation parmi les différentes pages, avec une simple liste HTML de liens en bas de page… Ce n’était ni très joli ni très pratique. Bizarrement, WordPress ne propose rien de base, il faut passer par des extensions.

J’ai donc regardé ce qui existait, il y en a quelques unes de pas mal, mais les versions gratuites sont assez basiques et limitées, et il faut payer pour avoir plus de fonctionnalités. Et les prix sont manifestement destinés à des entreprises, du genre plus de cinquante euros par an !

Je me suis alors orienté vers une autre solution, à base de deux extensions : une pour me générer une sidebar dédiée, et une autre pour rendre la TOC toujours visible à l’écran lors du défilement de la page. Mais là aussi, je me suis trouvé confronté à certaines limitations.

Finalement je me suis dit que j’allais faire ça tout seul, à base de HTML et de CSS, avec l’aide d’un template de page spécifique, chose que propose WordPress. Et comme j’avais un peu de mal à tout créer « from scratch », j’ai eu l’idée de demander de l’aide à ChatGPT ! Et là j’ai carrément été bluffé… 😮

Les pré-requis étaient un menu qui s’affiche à droite de la page, et qui reste présent à l’écran lors du défilement de celle-ci. Il doit aussi s’afficher en bas de page si l’on est sur un smartphone. Et pour le résultat final , voilà un aperçu :

Voyons voir tout cela étape par étape.

Continuer la lecture de Une TOC pour mon journal de voyage

Open Graph pour partager un article du blog

L’autre jour, j’ai voulu partager une page du blog avec un ami, en utilisant WhatsApp, et je me suis rendu compte que le partage n’était pas fantastique, il n’y avait pas d’aperçu du lien comme on voit la plupart du temps, et je me suis demandé pourquoi. J’avais déjà remarqué cette limite de mon blog, sans jamais m’en occuper vraiment.

Voilà ce que ça donnait : on a le « favicon » du blog, et aucun début du texte de l’article. Pas génial donc.

En fait, c’est assez simple, tout est basé sur l’Open Graph protocol (créé par Facebook). Il suffit d’ajouter quelques lignes de metadata en haut de votre page web (dans le header), comme ceci par exemple :

<meta property="og:title" content="titre de l'article"/\>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://exemple.com/exemple-titre-article"/>
<meta property="og:image" content="http://exemple.com/article_thumbnail.jpg"/>
<meta property="og:description" content="Cet article présente le protocole Open Graph"/>

Plus d’infos sur le protocole peut être trouvé ici.

Rien de très compliqué donc, on pourrait même le faire manuellement, mais le plus simple est encore d’utiliser un plugin qui va vous faire ça automatiquement. J’ai choisi Open Graph, simple et efficace.

Et voilà ce que ça donne pour mon message :

C’est quand même beaucoup mieux !

Voilà, mon blog vient de faire un pas vers le monde des réseaux sociaux ! 😥

Voilà une adresse bien pratique pour tester votre URL afin de voir si le problème ne vient pas d’ailleurs :

https://iplocation.io/open-graph-checker

Zenphoto 1.6.5 et données EXIF des images

La version 1.6.5 de Zenphoto est sortie le 23 octobre dernier, et corrige le bug introduit avec la version précédente concernant les métadonnées des images. Je l’attendais avec impatience, puisque j’avais changé de thème en 2021 et intégré cette fonctionnalité de géolocalisation pour les photos, et qui ne fonctionnait plus à cause de ce bug !

Et puisque j’utilise désormais le CMS proposé et géré par Infomaniak (mon nouvel hébergeur), je n’ai pas eu à faire la mise à jour moi-même. Aujourd’hui, la nouvelle version a été déployée, et je peux enfin profiter des données GPS de mon dernier voyage en Asie ! 😎

Exemple avec l’album « Vietnam – première partie »…

Il m’a suffit pour les albums créés avec la 1.6.4 d’aller dans le panneau d’administration de Zenphoto, et pour chaque album de cliquer sur le bouton « Actualiser les métadonnées de l’album » pour recharger ces fameuses données EXIF dans la base de données de Zenphoto.

Et cette fois, toutes mes photos (ou presque) ont bien les données GPS : j’ai de bien meilleurs résultats avec le combi Pixel 6a/GrapheneOS/GCam qu’en 2018 où j’avais un Sony Xperia Z5 C et son application photo d’origine. C’est en partie de ma faute car j’avais du désactiver l’option GPS à un moment et oublié de la remettre après le Laos, mais tout de même, l’obtention de la position est manifestement beaucoup plus rapide désormais. Cette expérience Sony avait d’ailleurs été assez mauvaise dans l’ensemble !

Je passe donc de 11,76 % d’images avec données GPS (Asie 2018) à 96,09 % (Asie 2023) :

Résultat tout à fait correct, en très nette amélioration ! 😎

Voilà une bonne chose de faite. J’ai du revoir un peu le thème Zenji suite à la migration vers Infomaniak, je n’avais pas vérifié les modifications en CSS que j’avais apporté en 2021. Désormais c’est pas mal, et l’album n’est pas loin de ressembler à ce que je souhaite.

Migration de mon site vers Infomaniak

J’avais pris la décision l’année dernière de changer d’hébergeur, car l’actuel (One.com) commençait à me décevoir depuis quelque temps.

En dehors du prix qui augmentait régulièrement chaque année, je recevais chaque année deux mois avant l’échéance un mail me menaçant d’effacer toutes mes données car la carte de paiement de mon compte n’était plus valide. Et pour cause, j’utilise toujours une carte virtuelle à chaque échéance.

C’est le genre de truc qui m’énerve, je paie chaque année sans aucun problème, mais « ce mail est automatique, ils ne peuvent rien y faire, je ne dois pas en tenir compte ». Très bien : je me suis dit que finalement j’allais en tenir compte en allant voir ailleurs si l’herbe était plus verte.

Et j’ai choisi Infomaniak, « The Ethical Cloud », un hébergeur situé en Suisse (je rapatrie mes données en Europe ! :smile:). Ce n’est pas forcément l’offre la moins chère (je vais tout de même faire baisser la facture pour une meilleure offre), mais ils sont réputés pour leur sérieux, je les connaissais déjà par leur offre KDrive (15 Gb gratuits que j’avais envisagé d’utiliser à un moment), et ils ont une bonne réputation sur le Web. Enfin ils incluent dans l’offre plus de 100 CMS, dont WordPress bien sûr, mais aussi Zenphoto (ma galerie photo, ce qui était une belle surprise) et cerise sur le gâteau Nextcloud, que j’utilise déjà en auto-hébergement, et dont les possibilités sont très larges.

Reprenons tout ça et voyons comment la migration s’est passée. En résumé, ça a été vraiment facile, plus que je ne le pensais, et en quelques jours tout a été réglé (malgré une mauvaise approche avec Baïkal, mon serveur CalDav/CardDav).

Continuer la lecture de Migration de mon site vers Infomaniak

Statistiques du blog – année 2022

Comme chaque année, voilà les statistiques du blog pour l’année 2022. Comme j’aime à le rappeler, c’est sans doute l’article le plus inutile de l’année, il est donc important de commencer celle-ci par celui-là. 😉

Et j’en profite pour souhaiter au potentiel lecteur ou lectrice qui passerait sur cette page une très bonne année 2023, une bonne santé avant tout, et plein de bonnes choses, malgré cette époque troublée, l’année écoulée nous l’a confirmé.

En résumé, les visites sont plutôt en baisse, tout comme le nombre d’articles ou les commentaires ! 😥 La bonne surprise, c’est que les deux articles sur ma fracture du coude qui trustaient les deux premières places depuis des années ont enfin été détrônés, et remplacés par deux articles sur Openmediavault qui sont venus troubler cette hégémonie.

Cette baisse peut s’expliquer par un moins grand nombre d’articles publiés, en particulier sur des sujets techniques :

  • Le NAS Openmediavault, que l’on retrouve en très bonne place dans le top 20 plus bas (preuve que le sujet est porteur) fonctionne très bien, sans nouvel usage, et j’ai donc eu peu d’articles à faire sur le sujet. 😎
  • Idem pour le smartphone, cette année 2022 a été plutôt stable. Cela risque de changer en 2023 qui devrait voir arriver des articles sur GrapheneOS, puisque j’attends avec impatience un nouvel appareil, j’ai nommé le Google Pixel 6a !
  • Enfin côté PC, je suis passé à Debian il y a presque un an maintenant, et tout est parfaitement stable et fonctionnel (quitter Ubuntu pour Debian a vraiment été un très bon choix). Et si j’ai aussi changé de machine, tout cela ne fait que deux articles pour 2022 !

Et pour terminer, chose peu fréquente, un livre a réussi à se glisser dans le Top 20 des articles, et pas le moindre : Ringolevio ! Une bonne raison pour le lire…

Mais revenons à l’essentiel, les chiffres, rien que les chiffres !

Continuer la lecture de Statistiques du blog – année 2022