69 posts in 'Social Media'

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.

May 24, 2025

by Reilly Spitzfaden (3 posts) · Website & RSS feed

Categories: How to...Remote Data Social Media Webmentions

I code more than I write.

May 20, 2025

by Floh Gro (2 posts) · Website & RSS feed

Categories: Blogging CMS Deployment How to...Images Social Media

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

May 12, 2025

by Chip Cullen (2 posts) · Website

Categories: Images Nunjucks/Macros Social Media

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.

Apr 22, 2025

by Ethan Marcotte (2 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Images Social Media

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

Apr 4, 2025

by Simon Cox (16 posts) · Website & RSS feed

Categories: Blogging How to...Remote Data Social Media

Mar 27, 2025

by Sacha Chua (4 posts) · Website & RSS feed

Categories: Blogging Configuration Front Matter Global Data RSS Social Media

Some notes about implementing webmentions for my website.

Mar 10, 2025

by Tom Doe (11 posts) · Website & RSS feed

Categories: Global Data How to...Remote Data Social Media Webmentions

Some notes about implementing webmentions for my website.

Feb 13, 2025

by Tom Doe (11 posts) · Website & RSS feed

Categories: How to...Remote Data Social Media Webmentions

Various tricks I've stumbled into.

Feb 11, 2025

by Jay Hannah (2 posts) · Website & RSS feed

Categories: Configuration How to...Images Social Media

Various tricks I've stumbled into.

Feb 11, 2025

by Jay Hannah (2 posts) · Website & RSS feed

Categories: Blogging Filters How to...Images Social Media

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

Feb 2, 2025

by Matt B (1 post) · Website & RSS feed

Categories: Blogging How to...Images Social Media

Thanks to Matthew Paul for the guide

Jan 19, 2025

by Stefan Burke (4 posts) · Website & RSS feed

Categories: Images Social Media

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

Jan 16, 2025

by Dan Cătălin Burzo (6 posts) · Website & RSS feed

Categories: How to...Images Social Media

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

Jan 15, 2025

by Joseph Jude (2 posts) · Website & RSS feed

Categories: Blogging Social Media

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

Jan 15, 2025

by Jason Moser (5 posts) · Website & RSS feed

Categories: Blogging How to...Images Plugins Social Media

2024

Wrestling eleventy config errors

Dec 4, 2024

by Chazz Basuta (2 posts) · Website & RSS feed

Categories: Blogging How to...Images Social Media

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.

Nov 20, 2024

by Graham F. Scott (5 posts) · Website & RSS feed

Categories: How to...Social Media

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

Oct 30, 2024

by Kelson Vibber (1 post) · Website & RSS feed

Categories: Blogging How to...Social Media

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

Oct 24, 2024

by Sia Karamalegos (13 posts) · Website & RSS feed

Categories: Images Shortcodes Social Media

CAUTION

The posts below were published before the release of Eleventy v3.0.0 (Oct 1, 2024). Information in these posts may be out of date. The current stable release is 3.12.

Turning your Mastodon archive into a web site with Eleventy

Jul 4, 2024

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Global Data How to...Images Shortcodes Social Media

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

Jul 3, 2024

by Chris McLeod (7 posts) · Website & RSS feed

Categories: Blogging Global Data How to...Social Media

Getting webmentions up and running on 11ty - update!

Jun 19, 2024

by Jason Moser (5 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Social Media Webmentions

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

Apr 29, 2024

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Collections Configuration How to...Social Media

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

Mar 19, 2024

by John Hobbs (4 posts) · Website & RSS feed

Categories: How to...Images Social Media

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

Mar 11, 2024

by Lynn Fisher (1 post) · Website & RSS feed

Categories: Blogging Markdown Social Media

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

Feb 27, 2024

by Grigør (2 posts) · Website

Categories: Blogging Collections Front Matter RSS Social Media

Eight Million npm Downloads! — Eleventy

Feb 23, 2024

by 11ty (19 posts) · Website & RSS feed

Categories: Social Media

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

Feb 21, 2024

by Robb Knight (20 posts) · Website & RSS feed

Categories: Blogging Global Data How to...Remote Data Social Media

YouTube video

Feb 20, 2024

by Robb Knight (20 posts)

Categories: How to...Remote Data Social Media Webmentions YouTube

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

Feb 20, 2024

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Deployment Social Media Webmentions

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

Feb 11, 2024

by Jay Cuthrell (2 posts) · Website & RSS feed

Categories: RSS Social Media

Create unique images for each page at build time

Jan 24, 2024

by John Brooks (4 posts) · Website & RSS feed

Categories: Configuration How to...Images Social Media

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

Jan 13, 2024

by Bob Monsour (20 posts) · Website & RSS feed

Categories: Filters Global Data How to...Social Media Webmentions

2023

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

Dec 24, 2023

by Robb Knight (20 posts) · Website & RSS feed

Categories: Configuration How to...Images Layouts Social Media

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

Dec 23, 2023

by Kilian Finger (1 post) · Website & RSS feed

Categories: Configuration Plugins Social Media

Autogenerating image previews with Eleventy filter functions and node-canvas

Dec 17, 2023

by nonnullish (3 posts) · Website & RSS feed

Categories: Filters How to...Images Social Media

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

Oct 17, 2023

by Matthew Lettini (1 post) · Website & RSS feed

Categories: How to...Images Social Media

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

Oct 7, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

Categories: Configuration How to...Images CSS/Sass Social Media

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

Jul 26, 2023

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: How to...Social Media

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.

Jun 23, 2023

by Martin Schneider (7 posts) · Website & RSS feed

Categories: Social Media Deployment How to...

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.

Mar 28, 2023

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Social Media

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.

Mar 27, 2023

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Social Media

Mar 13, 2023

by Ondřej Mirtes (1 post) · Website & RSS feed

Categories: Social Media

Mar 13, 2023

by Matt Steele (3 posts) · Website & RSS feed

Categories: How to...Images Social Media

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

Feb 16, 2023

by Mike Street (13 posts) · Website & RSS feed

Categories: Social Media Images

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

Feb 15, 2023

by Raymond Camden (104 posts) · Website & RSS feed

Categories: How to...Social Media

CAUTION

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 3.12.

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

Jan 17, 2023

by Bryce Wray (26 posts) · Website & RSS feed

Categories: CSS/Sass Social Media

Ramblings on bacon, drawing, and technology

Jan 2, 2023

by David Neal (2 posts) · Website & RSS feed

Categories: Social Media

2022

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

Sep 14, 2022

by Simon Dann (11 posts) · Website & RSS feed

Categories: Filters How to...Pagination Social Media

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.

Aug 27, 2022

by Bryce Wray (26 posts) · Website & RSS feed

Categories: Social Media How to...

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

Aug 22, 2022

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Social Media How to...

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.

Mar 17, 2022

by Rik Schennink (1 post) · Website & RSS feed

Categories: Configuration How to...Social Media

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

Mar 8, 2022

by Sami Määttä (6 posts) · Website

Categories: CSS/Sass Dates Deployment Filters How to...Navigation Pagination Social Media

2021

CAUTION

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 3.12.

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

Oct 18, 2021

by Michael Harley (14 posts) · Website & RSS feed

Categories: Social Media How to...

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

Aug 8, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...Social Media Filters RSS

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

Jul 14, 2021

by Michael Harley (14 posts) · Website & RSS feed

Categories: Images Social Media How to...

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

May 10, 2021

by Bernard Nijenhuis (8 posts) · Website

Categories: Filters How to...Images Social Media

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.

Apr 21, 2021

by Martin Schneider (7 posts) · Website & RSS feed

Categories: Images Social Media How to...

Jan 10, 2021

by Mark Thomas Miller (5 posts) · Website

Categories: Images Social Media How to...

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.

Jan 3, 2021

by Michael Harley (14 posts) · Website & RSS feed

Categories: Social Media Images How to...

2020

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