48 posts in 'Social Media'
An idiot's guide to adding open graph images to an 11ty blog
Wrestling eleventy config errors
Dec 4, 2024
by Chazz Basuta (2 posts) · Website & RSS feed
Categories: BloggingHow to...ImagesSocial Media
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.
Nov 20, 2024
by Graham F. Scott (4 posts) · Website & RSS feed
Categories: How to...Social Media
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.
Oct 30, 2024
by Kelson Vibber (1 post) · Website & RSS feed
Categories: BloggingHow to...Social Media
Dynamic social share images using Cloudinary
Automatically generate unique Open Graph images for each page of your website
Oct 24, 2024
by Sia Karamalegos (11 posts) · Website & RSS feed
Categories: ImagesShortcodesSocial Media
Eleventy Lessons Learned
How I added a few features and quashed a few bugs.
Aug 6, 2024
by Cascade (2 posts) · Website & RSS feed
Categories: BloggingImagesRemote DataSocial Media
Building a Web Version of Your Mastodon Archive with Eleventy
Turning your Mastodon archive into a web site with Eleventy
Jul 4, 2024
by Raymond Camden (103 posts) · Website & RSS feed
Categories: Global DataHow to...ImagesShortcodesSocial Media
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.
Jul 3, 2024
by Chris McLeod (5 posts) · Website & RSS feed
Categories: BloggingGlobal DataHow to...Social Media
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).
Apr 29, 2024
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...Social Media
Generating Open Graph preview images for 11ty
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...ImagesSocial Media
I archived my tweets
Thoughts on archiving and restoration as it relates to my Twitter feed.
Mar 11, 2024
by Lynn Fisher (1 post) · Website & RSS feed
Categories: BloggingMarkdownSocial Media
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
Feb 27, 2024
by Grigør (2 posts) · Website
Categories: BloggingCollectionsFront MatterRSSSocial Media
Eight Million NPM Downloads!
Eight Million npm Downloads! — Eleventy
Feb 23, 2024
by 11ty (18 posts) · Website & RSS feed
Categories: Social Media
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
Feb 21, 2024
by Robb Knight (19 posts) · Website & RSS feed
Categories: BloggingGlobal DataHow to...Remote DataSocial Media
Using Eleventy to Gobble Up Everything I Do Online
YouTube video
Feb 20, 2024
Categories: How to...Remote DataSocial MediaWebmentionsYouTube
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.
Feb 20, 2024
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: DeploymentSocial MediaWebmentions
11ty RSS Activepieces
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: RSSSocial Media
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.
Jan 13, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...Social MediaWebmentions
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
Dec 24, 2023
by Robb Knight (19 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsSocial Media
Generating OG Images in Eleventy
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: ConfigurationPluginsSocial Media
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
Dec 17, 2023
by nonnullish (3 posts) · Website & RSS feed
Categories: FiltersHow to...ImagesSocial Media
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 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...ImagesSocial Media
Making a lighthouse-fast website with a static site generator like 11ty
Creating an SSG flow to generate a highly optimized static website.
Oct 7, 2023
by Piotr Maliński (3 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesCSS/SassSocial Media
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.
Jul 26, 2023
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: How to...Social Media
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.
Jun 23, 2023
by Martin Schneider (7 posts) · Website & RSS feed
Categories: Social MediaDeploymentHow to...
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.
Mar 28, 2023
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: Social Media
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.
Mar 27, 2023
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: Social Media
Website Improvement: Social Post Preview Image
Mar 13, 2023
by Ondřej Mirtes (1 post) · Website & RSS feed
Categories: Social Media
Generating Custom OpenGraph Cards with Gatsby and the 11ty Screenshot Service
A post from Matt Steele
Mar 13, 2023
by Matt Steele (2 posts) · Website & RSS feed
Categories: How to...ImagesSocial Media
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
Feb 16, 2023
by Mike Street (13 posts) · Website & RSS feed
Categories: Social MediaImages
Building a Mastodon Bot Listing Page in Eleventy
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 2.0.1. Eleventy v3.0 is currently under development and available for testing.
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.
Jan 17, 2023
by Bryce Wray (26 posts) · Website & RSS feed
Categories: CSS/SassSocial Media
Configure Eleventy to Host a Custom Mastodon Alias
Ramblings on bacon, drawing, and technology
Jan 2, 2023
by David Neal (2 posts) · Website & RSS feed
Categories: Social Media
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
Sep 14, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: FiltersHow to...PaginationSocial Media
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.
Aug 27, 2022
by Bryce Wray (26 posts) · Website & RSS feed
Categories: Social MediaHow to...
Adding Social Share Links in Eleventy
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 MediaHow to...
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.
Mar 17, 2022
by Rik Schennink (1 post) · Website & RSS feed
Categories: ConfigurationHow to...Social Media
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
Mar 8, 2022
by Sami Määttä (5 posts) · Website
Categories: CSS/SassDatesDeploymentFiltersHow to...NavigationPaginationSocial 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 2.0.1. Eleventy v3.0 is currently under development and available for testing.
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.
Oct 18, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: Social MediaHow to...
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
Aug 8, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...Social MediaFiltersRSS
Improving my automated open graph image process w/ Eleventy
Power Platform Developer and all around cool guy
Jul 14, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: ImagesSocial MediaHow to...
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
May 10, 2021
by Bernard Nijenhuis (7 posts) · Website
Categories: FiltersHow to...ImagesSocial Media
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.
Apr 21, 2021
by Martin Schneider (7 posts) · Website & RSS feed
Categories: ImagesSocial MediaHow to...
Automatic social sharing images for Eleventy
Jan 10, 2021
by Mark Thomas Miller (5 posts) · Website
Categories: ImagesSocial MediaHow to...
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.
Jan 3, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: Social MediaImagesHow to...
Generating Social Sharing Images In Eleventy
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
Dec 10, 2020
by Steven Hicks (1 post) · Website
Categories: Social MediaImagesHow to...
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
Sep 22, 2020
by Juan Fernandes (2 posts) · Website & RSS feed
Categories: Social MediaImagesHow to...
Twitter Cards with Nunjucks and 11ty
Using cards makes sharing your content on Twitter look much nicer.
Feb 28, 2020
by Tom Hazledine (3 posts) · Website & RSS feed
Categories: Nunjucks/MacrosSocial MediaHow to...
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.
Nov 26, 2019
by Sia Karamalegos (11 posts) · Website & RSS feed
Categories: Social Media