Skip to main content

48 posts in 'Social 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

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

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

Categories: ImagesShortcodesSocial Media

Eleventy Lessons Learned

How I added a few features and quashed a few bugs.

Aug 6, 2024

Categories: BloggingImagesRemote DataSocial Media

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

Jul 3, 2024

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

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

Categories: How to...ImagesSocial Media

I archived my tweets

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

Mar 11, 2024

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

Categories: BloggingCollectionsFront MatterRSSSocial Media

Eight Million NPM Downloads!

Eight Million npm Downloads! — Eleventy

Feb 23, 2024

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

Categories: BloggingGlobal DataHow to...Remote DataSocial Media

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

Categories: DeploymentSocial MediaWebmentions

11ty RSS Activepieces

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

Feb 11, 2024

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

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

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

Categories: ConfigurationPluginsSocial Media

Generating Open Graph Images in Eleventy

Autogenerating image previews with Eleventy filter functions and node-canvas

Dec 17, 2023

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

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

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

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

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

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

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

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

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

Categories: CSS/SassSocial Media

Configure Eleventy to Host a Custom Mastodon Alias

Ramblings on bacon, drawing, and technology

Jan 2, 2023

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

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

Categories: Social MediaHow to...

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

Aug 22, 2022

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

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

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

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

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

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

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

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

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

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

Categories: Social MediaImagesHow to...

Twitter Cards with Nunjucks and 11ty

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

Feb 28, 2020

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

Categories: Social Media

Get the blog by email (or RSS)

Powered by Buttondown