Displaying Webmentions on my Hugo website

As part of my move into the IndieWeb movement, I wanted to increase the social interactions I have across multiple sites. I currently use social silos services like Twitter and Slack for a lot of social communication, but I need to have more interactions with the Social Web.

To do this, there is a Web standard called Webmention which encapsulates social interactions between pages, such as "liking" or "replying" as well as others. It is described in the IndieWeb wiki article as:

Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web.

As I'm running Hugo on this website, I wanted to stick to something that would work well with a static site generator. I'd wanted to write my own Webmention software myself but, as ever, I was time challenged and wanted to get something up and running quickly.

That's where I found out about Aaron Parecki's project webmention.io which is a hosted Webmention endpoint with a friendly API. I was able to really easily set up my site and add the required markup for making it discoverable for clients.

At the time of enabling discovery, I decided not to tackle the rendering of the Webmentions as I wasn't really sure how many I would get. Soon after, Josh Hawxwell spoke at NottsJS with his talk Indie What?, and mentioned that he used a tool called Brid.gy to bridge social silos such as Twitter to the Social Web.

This was again really easy to get started with and started producing regular Webmentions through interactions on Twitter, but it wasn't until my recent post announcing Homebrew Website Club: Nottingham that I started to receive Webmentions from outside of the social silos, which was a really cool achievement! And then that made me think, wouldn't it be great if others could start to see these interactions, too?

So as per this article's publishing, you can view webmentions on my posts, if there are any. I'd recommend checking out Homebrew Website Club: Nottingham as it has, at time of writing, 34 webmentions.

Note that, for now, I'll only be sharing links to other webmentions, rather than directly embedding them - this is a first pass, and while I look at understanding the best way to deal with spam and untrusted inputs.

I've also added the ability to send a Webmention via an HTML form, in case you don't yet support automagically sending them.

Written by Jamie Tanna's profile image Jamie Tanna on , and last updated on .

Content for this article is shared under the terms of the Creative Commons Attribution Non Commercial Share Alike 4.0 International, and code is shared under the Apache License 2.0.

Tags
Related Posts

Other posts you may be interested in:

Interactions with this post

Interactions with this post

Below you can find the interactions that this page has had using WebMention.

Have you written a response to this post? Let me know the URL:

Do you not have a website set up with WebMention capabilities? You can use Comment Parade.