Social Media 75 posts

A walk through the build-time plugin that gives every blog post here its own social-share image.

Bob Monsour (26)

I added an opt-in workflow that can publish new blog posts to Mastodon, save the returned Mastodon URL back into the post front matter, and rebuild the site with the discussion thread already connected.

Kyle Reddoch (8)

A new Eleventy plugin that adds a Mastodon share button with an instance picker, saved instance support, and shortcode helpers.

Kyle Reddoch (8)

How I added Bluesky likes, reshares, and responses to my blog posts in Eleventy using the Bluesky API.

Steven Woodson (7)

Deploying Your Own IndieWeb Site with Indiekit + Eleventy (Docker Compose based) 14 February 2026 indiekit indieweb deploy eleventy A complete guide to deploying Indiekit on...

Ricardo Mendes (1)

A walkthrough of a Node.js script that maps Mastodon statuses to blog slugs and updates frontmatter.

DeepakNess (8)

POSSE worflow got an upgrade #posse #indieweb

Grigor Malo (3)

What finally worked to embed Mastodon posts in Eleventy: a tiny shortcode that lets embed.js set height and supports a clean full-bleed layout.

Kyle Reddoch (8)

Using a cron job with Codeberg Pages to build and deploy an 11ty site

Jason Moser (6)

Instead of a How-To, I'll write a "WhileDo" today. This is my attempt to Write Like Ron Jeffries. After I published this…

Martin Hähnel (14)

An easier approach to OG images (for me!)

Jason Moser (6)

The home of a developer community specialist.

Juha-Matti Santala (23)

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.

Reilly Spitzfaden (3)

I code more than I write.

Floh Gro (2)

My not very sophisticated but very understandable approach to making social media share images for a blog in Eleventy.

Chip Cullen (2)

I’ve upgraded my site’s social media preview images, using a combination of ImageMagick and Eleventy. Here’s entirely too many words about how I made it all happen.

Ethan Marcotte (2)

How I built a page with a list of the toots I have bookmarked in Mastodon.

Simon Cox (17)

Sacha Chua (4)

Some notes about implementing webmentions for my website.

Tom Doe (10)

Various tricks I've stumbled into.

Jay Hannah (2)

Various tricks I've stumbled into.

Jay Hannah (2)

Getting 11ty's Image plugin to output Open Graph metadata and images

Matt B (1)

Thanks to Matthew Paul for the guide

Stefan Burke (4)

The personal website of Dan Cătălin Burzo.

Dan Cătălin Burzo (6)

You can easily add Bluesky comments to 11ty blog with web components

Joseph Jude (2)

Getting og:image to work with a plugin and some grit

Jason Moser (6)

Wrestling eleventy config errors

Chazz Basuta (2)

The Twitter we knew is dead, but I wanted to preserve an archive of my account, on my own terms. Here's how I did it.

Graham F. Scott (5)

A share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.

Kelson Vibber (1)

Automatically generate unique Open Graph images for each page of your website

Sia Karamalegos (13)

Turning your Mastodon archive into a web site with Eleventy

Raymond Camden (105)

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Chris McLeod (7)

Getting webmentions up and running on 11ty - update!

Jason Moser (6)

An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).

Aaron Goldenthal (4)

Generated Open Graph images, without driving a browser. Here is how I made mine.

John Hobbs (4)

Thoughts on archiving and restoration as it relates to my Twitter feed.

Lynn Fisher (1)

Where i describe the recent updates to the kinds of content you'll find on my website

Grigør (2)

Eight Million npm Downloads! — Eleventy

Zach Leatherman (88)

A blog post about how my site works based on a talk I did at the Eleventy meetup

Robb Knight (20)

YouTube video

Robb Knight (20)

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

Cory Dransfeldt (46)

A look at enhancing 11ty POSSE with RSS 2.0, Open Graph, and Activepieces

Jay Cuthrell (3)

Create unique images for each page at build time

John Brooks (4)

I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.

Bob Monsour (26)

How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build

Robb Knight (20)

Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!

Kilian Finger (1)

Autogenerating image previews with Eleventy filter functions and node-canvas

nonnullish (3)

Twitter X recently removed headlines and descriptions from link previews, in the name of “esthetics.” Inspired by Steph Ango, while we try not to run our business on the whims of a social media platform, this change did push us into making a change we’ve been meaning to for awhile: adding social pre

Matthew Lettini (1)

Creating an SSG flow to generate a highly optimized static website.

Piotr Maliński (3)

After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.

Juha-Matti Santala (23)

Sadly, I'm not too good at documenting what I'm sometimes building in the little free time that I have. At the end of last year, I implemented an interesting feature on this site, but never wrote about it.

Martin Schneider (7)

After posting and discussing my post from yesterday with Nicolas Hoizey I decided to explore his suggested path and explore using a GitHub action to handle posts to Mastodon, rather than Make.

Cory Dransfeldt (46)

I've discussed building a now page using Eleventy, but I also syndicate a subset of that content out to Mastodon using @11ty/eleventy-activity-feed and Make.

Cory Dransfeldt (46)

Ondřej Mirtes (1)

Matt Steele (3)

I tried to generate OG images during build and it ended up taking a long time

Mike Street (13)

How I built a page to show off my Mastodon bots.

Raymond Camden (105)

For users of my favorite JS-based SSG, here’s an Eleventy version of the Tailwind-based toots-embedding shortcode I offered yesterday.

Bryce Wray (26)

Ramblings on bacon, drawing, and technology

David Neal (3)

Blog and general digital garden of the full stack programmer Simon Dann.

Simon Dann (11)

In what could and perhaps should be the end of this saga, here’s code to provide static tweets and static Mastodon toots in Eleventy.

Bryce Wray (26)

A quick example of adding social sharing links to your Eleventy site

Raymond Camden (105)

This static blog is generated with Eleventy and all its social images are automatically generated with node-canvas. In this tutorial we’ll set up a basic version of this script so you can use it on your blog as well.

Rik Schennink (1)

Different choices that go into building an Eleventy website from scratch.

Sami Määttä (6)

Using the large social sharing images added nothing to the information being published so I've decided to stop using them.

Michael Harley (14)

Replace characters that are often stripped out of post titles by RSS readers and social network link embeds

Stephanie Eckles (21)

Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.

Michael Harley (14)

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Bernard Nijenhuis (8)

In the changelog, I’m documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work. This time it’s about the update to Eleventy 1.0 and some things that changed while updating.

Martin Schneider (7)

Writings from Mark Thomas Miller.

Mark Thomas Miller (5)

This is part four of how I used 11ty to setup my personal site. This is how I setup open graph protocol, search and favicons.

Michael Harley (14)

Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.

Steven Hicks (1)

I wanted to find a way to dynamically generate a unique Opengraph images for each blog post automatically using post data, Cloudinary API & Eleventy

Juan Fernandes (4)

Using cards makes sharing your content on Twitter look much nicer.

Tom Hazledine (3)

Encourage users to retweet or share a post based on whether a Tweet already exists for your blog post.

Sia Karamalegos (13)