61 posts in '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 (14 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 (1 post) · Website & RSS feed

Categories: Configuration 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

A few notes about embedding Mastodon toots in my website.

Jan 25, 2025

by Trevor Burrows (2 posts) · Website & RSS feed

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

A few (more) notes about embedding Mastodon toots in my website.

Jan 25, 2025

by Trevor Burrows (2 posts) · Website & RSS feed

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

Having your own website is great. You can use it to introduce yourself to the world, talk about your hobbies, show off your work achievements, promote causes you care about, and many other things. And you really can keep your site as simple as you want it to be. It is your website after all!...

Jan 24, 2025

by Stefan Bohacek (1 post) · Website & RSS feed

Categories: Deployment Global Data How to...Image Galleries 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 Burzo (5 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

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 (4 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

Turning your Mastodon archive into a web site with Eleventy

Jul 4, 2024

by Raymond Camden (103 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 (6 posts) · Website & RSS feed

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

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 (18 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 added it, conditionally, to the...

Feb 20, 2024

by Cory Dransfeldt (45 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 (19 posts) · Website & RSS feed

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

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 preview images for our blog posts. For example, this is now what you’ll see when you share this post:

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 (16 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 (45 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 (45 posts) · Website & RSS feed

Categories: Social Media

Mar 13, 2023

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

Categories: Social Media

A post from Matt Steele

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 (103 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.01.

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

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 (103 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

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

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

Power Platform Developer and all around cool guy

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

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

Dec 10, 2020