Abridge – Latest posts

This post covers the imgswap and img components. Images can also be embedded directly using Markdown ![Ferris](ferris.svg), but using a component lets you explicitly set the width and height. This helps prevent cumulative layout shift (CLS), improving page stability and potentially improving Lighthouse performance scores.

Several custom components are included to augment CommonMark. video, image, gif, and audio were created to help you take advantage of modern HTML elements in your writing.

The showdata component can load and display data from an external source via Zola's load_data() function.