In a recent Twitch session I decided to add Webmentions to my blog, specifically in the flavour of showing "liked" from other websites (though, who a…
webmention check service. Contribute to benjifs/wm development by creating an account on GitHub.
A small dive into one of my new favourite web technologies: webmentions. This post talks through how I use them to make my static website feel more alive and social.
webmention check service. Contribute to remy/wm development by creating an account on GitHub.
I had set up Webmentions on my static site a while back. It was because I really like the concept of a completely custom yet static social media where it's not instant but it's regular communication. But, the drawback of any kind of unique and DIY technology is not having people that actually use it. Ironically, after the setup, I only have received Webmentions from myself during testing (I am not counting the mastodon likes that propagated through Bridgy Fed). I am still sceptical about Bridgy Fed because It isn't what I wanted Webmentions to be, I didn't want any connections to a social media but I wanted to test the workings so I connected it. How I Do It My blog is a static site and being static comes with the cost of not being able to continuously listen to incoming messages. So, Webmentions don't really work on a static site. At least that's what I thought at first, then I found out about webmention.io. It's sort of like a retrofitted static site to support Webmentions. Components A Static Site Generator www.getzola.org Indieweb Compatibility indiewebify.me Send webmentions webmention.app Receive Webmentions webmention.io Render Webmentions keats.github.io/tera Runner GitHub actions A Static Site Generator I am using zola as my static site generator and I love it. The comfort of just writing in markdown and letting zola do the heavy lifting to generate feeds is awesome. Generating an Atom/RSS feed is a must. This is needed by webmention.app to send webmentions by reading all your posts. Indieweb Compatibility To make an Indieweb compatible static site you need to pass these tests from indiewebify.me. Web Sign In - This helps you sign in to indieweb services with your domain. You must have your own registered domain name. h-card and h-entry classes on homepage as well as on the "post" page. Ability to send Webmentions. Sending Webmentions I use my generated Atom feed and webmention.app CLI to send Webmentions. It is as simple as running: npx webmention https://
Khürt, think you got mistaken, I am not Joel! Was the mention supposed to be for me? I see that you yourself have a URL/Permalink input field to send mentions, mine is the same. And it is only for the ones who haven't automated sending them in their site building pipeline. It is only there as an option. In case the automation fails or is not set up.
Webmention is a webstandard that enables websites to notify each other when content is mentioned, liked or linked. This is my little journey how I have implemented them into my website.
Using Actionsflow to automate the sending of Webmentions using webmention.app
A quick guide to sending and receiving webmentions to my 11ty blog.
Collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and Bridgy.
While I was rebuilding my website in Eleventy, I saw Amber Wilson's article about adding Webmentions to her site shared on Twitter. I'd heard of Webmentions but I'd never really looked into them and while I was reading Amber's post, I thought that it's a really cool idea and added them to the list of things I wanted to add to my site.
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.