Skip to main content

37 posts in 'Social Media'

I archived my tweets

Thoughts on archiving and restoration as it relates to my Twitter 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

Categories: BloggingCollectionsFront MatterRSSSocial Media

Eight Million NPM Downloads!

Eight Million npm Downloads! — Eleventy

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

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.

Categories: DeploymentSocial MediaWebmentions

11ty RSS Activepieces

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

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.

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

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!

Categories: ConfigurationPluginsSocial Media

Generating Open Graph Images in Eleventy

I added the og:media image tags yesterday, and the approach seems to work, so I'm going to share it in this post.

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:

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.

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.

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.

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.

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.

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

Categories: Social MediaImages

Building a Mastodon Bot Listing Page in Eleventy

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

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.

Categories: CSS/SassSocial Media

Configure Eleventy to Host a Custom Mastodon Alias

Ramblings on bacon, drawing, and technology

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.

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.

Categories: Social MediaHow to...

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

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.

Categories: ConfigurationHow to...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 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.

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

Categories: How to...Social MediaFiltersRSS

Improving my automated open graph image process w/ Eleventy

Power Platform Developer and all around cool guy

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

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.

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.

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.

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

Categories: Social MediaImagesHow to...

Twitter Cards with Nunjucks and 11ty

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

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.

Categories: Social Media

Get the blog by email (or RSS)

Powered by Buttondown