Skip to main content

30 posts in 'Webmentions'

Webmentions Web Component

I got overwhelmed by build steps and decided to fetch my webmentions through a web component.

Categories: How to...Webmentions

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.

Categories: How to...SearchWebmentions

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 added it, conditionally, to the end of each of my posts.

Categories: DeploymentSocial MediaWebmentions

Webmentions and 11ty

Getting webmentions up and running on 11ty

Categories: How to...Remote DataWebmentions

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.

Categories: How to...ImagesWebmentions

💻 Emoji URLs and 11ty Webmentions

Not letting emojis drop mentions on the floor

Categories: How to...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.

Categories: How to...Webmentions

Cloudflare Pages Cron Deploys

Scheduling static site deploys daily

Categories: BloggingDeploymentRemote DataWebmentions

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.

Categories: FiltersGlobal DataHow to...Social MediaWebmentions

Another Approach to Webmentions in Eleventy

A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.

Categories: How to...Webmentions

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.

Categories: How to...Remote DataWebmentions

Webmentions in Eleventy

In the interest of continuing to repeat myself I'm writing, once again, about adding webmentions to a blog.

Categories: Webmentions


The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Updating webmentions on a static site

When I started using Webmention on this site (more than 5 years ago!), I was building the site on my local computer, and uploading the build result on my hosting with `rsync`. I've moved to Cloudflare Pages 6 months ago, which means webmentions where updated only when I pushed new content to GitHub. Here's how I fixed that.

Categories: How to...Webmentions

eleventy-cache-webmentions v1.1.5

Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.

Categories: Webmentions

Additional Webmention Resources

Some more links and tools related to webmentions

Categories: Webmentions

Adding Webmentions to Your Site

Some notes on what webmentions are and how I implemented them for this site

Categories: Webmentions

Adding webmentions to your static blog

The portfolio and blog of Jan Monschke

Categories: WebmentionsHow to...

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

Categories: Webmentions

Webmention Setup for Eleventy

Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.

Categories: Webmentions


The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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!

Categories: Webmentions

Webmentions + Eleventy Talk

Slides and resources from my talks at JamStack Toronto and Magnolia JS.

Categories: Webmentions

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 added them to the list of things I wanted to add to my site.

Categories: Webmentions

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.

Categories: Webmentions

Webmentions: Joining the IndieWeb

I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.

Categories: Webmentions

Grow the IndieWeb with Webmentions

When I re-made my site with Eleventy, the pages didn't change much, but I had loads of fun adding new features. The most fun was webmentions and I'm here to co…

Categories: Webmentions

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.

Categories: Webmentions

Webmentions in three SSGs: Part 1

The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).

Categories: How to...Webmentions

Using Webmentions in Eleventy

How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, and Bridgy.

Categories: How to...Webmentions

Get the blog by email (or RSS)

Powered by Buttondown