Implementing Webmentions on Hugo: An IndieWeb Guide.
Webmentions are a cornerstone of the IndieWeb movement. They allow you to “own your data” while still participating in the broader social web. Instead of having a centralized comment system (like Disqus), Webmentions allow you to receive notifications whenever someone links to your post from their own site, or even from social networks like Mastodon or Twitter.
How it Works
The workflow typically follows the POSSE principle: Publish (on) Own Site, Syndicate Elsewhere.
- Syndication: You publish a post here and share it on Mastodon or Twitter.
- Interaction: Someone likes or replies to your syndicated post on social media.
- Bridge: A service like Bridgy sees that interaction and sends a “Webmention” to your site’s endpoint.
- Inbox: Your site’s endpoint (configured via Webmention.io) receives the mention.
- Display: Your Hugo templates fetch these mentions via JavaScript and display them at the bottom of your post.
Why Bother?
By using Webmentions, you become a first-class citizen of the open web. You aren’t just a “user” on a platform; you are a node in a distributed social network.
Happy hacking!