Les Webmentions sont là !

— 2 minute read

Après quelques péripéties pour trouver comment modifier mon site Eleventy dans un environnement de dev potable sur Ipad, je suis content d'avoir enfin réussi à intégrer les webmentions sur celui-ci !

Webmention ? Kezako ? permalink

D'après Wikipedia,

Webmention est une recommandation du W3C (organisme international chargé de la normalisation du web) décrivant un protocole simple de notification d'une URL lorsqu'elle est mentionnée par un site externe, et permettant à une page web de demander une notification lorsque quelqu'un ajoute un lien vers celle-ci. Webmention est à l'origine développé par la communauté de l'IndieWebCamp et publié comme un brouillon de travail du W3C le 12 janvier 2016. Il devient une recommandation du W3C le 12 janvier 2017. Webmention permet aux auteurs de vérifier et conserver qui génère un lien, une référence ou un commentaire vers leurs articles. En incorporant ce type de commentaires depuis un autre site, ils fournissent la fonction de commentaire fédéré.

Dans mon cas, cela me permet d'afficher en pied d'article, les différents reposts, like et réponses faits en lien avec l'article.

La mise en place de Webmention sous Eleventy permalink

Je ne vais pas vous mentir, n'étant pas développeur j'en ai bavé 😅

J'avais déjà essayé lorsque je suis passé de Jekyll à Eleventy, mais ce fut un échec cuisant.

J'ai donc fouillé internet et je suis tombé sur ce How-to très bien documenté : https://sia.codes/posts/webmentions-eleventy-in-depth/. Et même en le suivant, il a fallut adapter à mon propre code ce qui ne fut pas totalement une partie de plaisir, surtout sans ordinateur à disposition.

Un grand merci à Sia pour cette ressource ainsi qu'à tout ceux d'entre vous qui documentent et partagent ce type de contenu !

Attends, tu as parlé d'environnement de dev potable sur iPad ?! permalink

N'ayant plus d'ordinateur personnel, j'ai effectivement fait toute l'édition du code depuis mon iPad, oui même les npm install et les commits vers github.

Je reviendrais sur l'app utilisée pour cela et sur ma "stack" logiciel sur iPad dans un prochain article.


Webmentions permalink

1 Reply permalink

Mamuuuuth Mamuuuuth
@nbirckel bonjour, ceci est un test👍