Eleventy Satisfactory

Post with seamless Github Gists

Although it’s possible to embed a gist using the shortcode that Github provides, it looks awful on dark mode. This post makes use of the gist shortcode, which will render each file as a regular code block so that the Gist’s contents look like any other blog content.

Post with some videos, audio, and other media

It’s common to place third party audio, video, gists, etc. on a page using iframes. There’s a shortcode to do this for YouTube and Vimeo.

About extra-wide images, videos and code blocks

By default, images, videos and code blocks are displayed wider than the (text) content around it. This is to make it stand out and give it a little emphasis. An example of this ‘full bleed’ behavior can be seen on the lorem ipsum page.

How to set Opengraph preview image and metadata

When sharing a URL, some sites will generate a preview with a title, description and image using certain OpenGraph metadata.

How to post links to another post or an external site

Various ways to post links to other posts in the same blog, and external links too.