Social Media 68 posts
Category: SOCIAL MEDIA (68 posts)
2025
Embedding Mastodon Posts in Eleventy: My Journey
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.
By Kyle Reddoch (4 posts)
An 11ty Site, Codeberg Pages, and Cron
Using a cron job with Codeberg Pages to build and deploy an 11ty site
By Jason Moser (5 posts)
WhileDo
Instead of a How-To, I'll write a "WhileDo" today. This is my attempt to Write Like Ron Jeffries. After I published thisโฆ
By Martin Hรคhnel (14 posts)
OG Images using 11ty Screenshot Service
Custom CLI tool to link Mastodon posts and blog posts
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)
How I built dynamic social media images in Eleventy using Cloudinary
My not very sophisticated but very understandable approach to making social media share images for a blog in Eleventy.
By Chip Cullen (2 posts)
Magick images
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.
By Ethan Marcotte (2 posts)
Creating a blogroll page from Mastodon bookmarks
How I built a page with a list of the toots I have bookmarked in Mastodon.
By Simon Cox (16 posts)
Tweaking my 11ty blog to link to the Mastodon post defined in an Org Mode property
By Sacha Chua (4 posts)
Implementing Webmentions
11ty and OG images
11ty
Eleventy, Open Graph images and fun?
Build-time og:image generation with eleventy-img
Adding Bluesky Comments to 11ty Blog
You can easily add Bluesky comments to 11ty blog with web components
By Joseph Jude (2 posts)
O(M)G Images
2024
An idiot's guide to adding open graph images to an 11ty blog
Archiving your Twitter account with Eleventy
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.
By Graham F. Scott (5 posts)
Share to the Fediverse with ShareOpenly
A share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.
By Kelson Vibber (1 post)
Dynamic social share images using Cloudinary
Automatically generate unique Open Graph images for each page of your website
By Sia Karamalegos (13 posts)
Building a Web Version of Your Mastodon Archive with Eleventy
Turning your Mastodon archive into a web site with Eleventy
By Raymond Camden (104 posts)
Adding the New Mastodon Link Attribution Meta Tag
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Webmentions and 11ty
Notifications for New Eleventy Posts in GitLab - Part 2
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).
By Aaron Goldenthal (4 posts)
Generating Open Graph preview images for 11ty
Generated Open Graph images, without driving a browser. Here is how I made mine.
By John Hobbs (4 posts)
I archived my tweets
Thoughts on archiving and restoration as it relates to my Twitter feed.
By Lynn Fisher (1 post)
A roundup of recent updates to my website
Where i describe the recent updates to the kinds of content you'll find on my website
By Grigรธr (2 posts)
Using Eleventy to Gobble Up Everything I Do Online
A blog post about how my site works based on a talk I did at the Eleventy meetup
By Robb Knight (20 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)
11ty RSS Activepieces
A look at enhancing 11ty POSSE with RSS 2.0, Open Graph, and Activepieces
By Jay Cuthrell (2 posts)
Using 11ty to generate Open Graph images
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
Generating and Caching Open Graph Images with Eleventy
How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build
By Robb Knight (20 posts)
Generating OG Images in Eleventy
Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!
By Kilian Finger (1 post)
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
By nonnullish (3 posts)
Adding Social Preview Images To Our 11ty Blog
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
By Matthew Lettini (1 post)
Making a lighthouse-fast website with a static site generator like 11ty
Creating an SSG flow to generate a highly optimized static website.
By Piotr Maliลski (3 posts)
Blog comments via Mastodon
After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.
By Juha-Matti Santala (22 posts)
Fetching webmentions with Netlify and Eleventy Edge
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.
By Martin Schneider (7 posts)
Another Eleventy content syndication path
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.
By Cory Dransfeldt (46 posts)
Automate and syndicate content from Eleventy to Mastodon
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.
By Cory Dransfeldt (46 posts)
Generating Custom OpenGraph Cards with Gatsby and the 11ty Screenshot Service
By Matt Steele (3 posts)
Take your 11ty build from 1 second to 2 minutes by generating OG images
I tried to generate OG images during build and it ended up taking a long time
By Mike Street (13 posts)
Building a Mastodon Bot Listing Page in Eleventy
Static Mastodon toots in Eleventy: the Tailwind CSS edition
For users of my favorite JS-based SSG, hereโs an Eleventy version of the Tailwind-based toots-embedding shortcode I offered yesterday.
By Bryce Wray (26 posts)
2022
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Static embeds in Eleventy
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.
By Bryce Wray (26 posts)
Adding Social Share Links in Eleventy
A quick example of adding social sharing links to your Eleventy site
By Raymond Camden (104 posts)
Generate Social Image Covers With Eleventy And Node-Canvas
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.
By Rik Schennink (1 post)
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
By Sami Mรครคttรค (6 posts)
2021
Updated social sharing (open graph protocol) images for my personal site
Using the large social sharing images added nothing to the information being published so I've decided to stop using them.
By Michael Harley (14 posts)
Filter Titles for RSS and Social Shares
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
By Stephanie Eckles (21 posts)
Improving my automated open graph image process w/ Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Automatically generate open graph images 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)
Eleventy 1.0
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.
By Martin Schneider (7 posts)
Setup social sharing previews, SEO, and favicons on Eleventy
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.
By Michael Harley (14 posts)
2020
Generating Social Sharing Images In Eleventy
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
By Steven Hicks (1 post)
Automated Open Graph images with 11ty and Cloudinary
I wanted to find a way to dynamically generate a unique Opengraph images for each blog post automatically using post data, Cloudinary API & Eleventy
By Juan Fernandes (4 posts)
Twitter Cards with Nunjucks and 11ty
Using cards makes sharing your content on Twitter look much nicer.
By Tom Hazledine (3 posts)
2019
Show conditional Twitter intents with Eleventy
Encourage users to retweet or share a post based on whether a Tweet already exists for your blog post.
By Sia Karamalegos (13 posts)