Webmentions 40 posts
Category: WEBMENTIONS (40 posts)
2025
A Quick Guide to Everything I Know about Webmentions
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.
By Reilly Spitzfaden (3 posts)
Implementing Webmentions
Webmentions Without Plugins
At yesterday's Pacific Homebrew Website Club meeting, I got some great feedback and was able to figure out making my own code to bring in webmentions!
By Reilly Spitzfaden (3 posts)
Displaying Webmentions
I finally figured out displaying webmentions on my site without any client-side JavaScript!
By Reilly Spitzfaden (3 posts)
2024
Making a Comment System with Eleventy and Netlify
July Project Updates
An update on two projects I’ve been working on—one new and one old—based on some development oversights I’ve made in the past that I’d like to prevent going forward.
By Chris Burnell (8 posts)
Dynamic Websites with Static Site Generators
What if you used your static site generator to output PHP instead of HTML?
By Evan Sheehan (8 posts)
Webmentions and 11ty
Webmentions Web Component
I got overwhelmed by build steps and decided to fetch my webmentions through a web component.
By Troy V (1 post)
Search, Webmentions and microformats
I’ve made some updates on my website - let’s talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.
By Juha-Matti Santala (22 posts)
Using Eleventy to Gobble Up Everything I Do Online
Automatic Mastodon post embeds
I use Nicolas Hoizey's GitHub action to syndicate my web activity to Mastodon. Recently, I removed the display of webmentions from my posts after seeing Chris and Robb discuss some privacy concerns around them. Upon seeing David Darnes' mastodon-post web component, I've gone ahead and ad
By Cory Dransfeldt (46 posts)
Check if images are available before optimizing in Eleventy
How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.
By Cory Dransfeldt (46 posts)
💻 Emoji URLs and 11ty Webmentions
Sending Webmentions after Deploying to Azure Static Web Apps
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Cloudflare Pages Cron Deploys
Adding webmentions to my site
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
By Bob Monsour (20 posts)
2023
Another Approach to Webmentions in Eleventy
A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.
By Michael Bishop (2 posts)
Webmentions in Eleventy
There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.
By David Hayes (1 post)
Adding Webmentions in Eleventy
Webmentions in Eleventy
In the interest of continuing to repeat myself I'm writing, once again, about adding webmentions to a blog.
By Cory Dransfeldt (46 posts)
eleventy-cache-webmentions v1.1.5
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
By Chris Burnell (8 posts)
Adding Webmentions to Your Site
Some notes on what webmentions are and how I implemented them for this site
By Robb Knight (20 posts)
2022
Changing urls but keeping webmentions in Eleventy
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Webmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and use Webmentions with my Eleventy website.
By Chris Burnell (8 posts)
2021
An In-Depth Tutorial of Webmentions + Eleventy
Join the Indie Web by adding Webmentions to your serverless Eleventy static site with this step-by-step tutorial. No client-side JavaScript needed!
By Sia Karamalegos (13 posts)
Webmentions + Eleventy Talk
Slides and resources from my talks at JamStack Toronto and Magnolia JS.
By Sia Karamalegos (13 posts)
Adding Webmentions to my site
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 adde
By Luke Bonaccorsi (3 posts)
Webmention Analytics
I built a tool to analyze incoming webmentions. This new side project generates monthly reports to see how and where my content is mentioned.
By Max Böck (8 posts)
Webmentions: Joining the IndieWeb
Webmentions are now live on the site, powered by webmention.io! I've been meaning to do this for ages. I'm very excited to finally getting around to joining the IndieWeb.
By Evan Sheehan (8 posts)
2020
Time to Cache Up
For a long time I’ve been searching for a sound solution to storing the entire Webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.
By Chris Burnell (8 posts)
Webmentions in three SSGs: Part 1
The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).
By Bryce Wray (26 posts)
2019
Using Webmentions in Eleventy
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.
By Max Böck (8 posts)