R.T. Hinkel

EXIF Embedding; HUGO Pipelines


May 1, 2021

Shortcode added to embed photographs. Pipelining all stylesheets!

I used this post as a guide, and made a few little edits.

I decided to start shooting again to get myself out of the house a bit more, so I wanted a nice way to embed fullsize images in posts without bogging down the load time, and also include some technical information about the shot.

Here’s what I came up with:

The biggest change I made was to resize the image when served in the post to fit within my 800px max-width while still delivering the fullsize image when eeded. Clicking the magnifying lens opens the picture in all of its high-res glory. I’m not much of a photographer, but I hope to improve.

I got my feet wet with pipelines to get the EXIF data working, so I figured I’d take a swing at converting my css stylesheet to scss and serving it minified via pipelines as well. Had some help from Regis Philiberts guide on that one, and it turned out pretty good.

My next plan is to separate the core design rules from the one-offs into separate sheets and splice them together, keeping the important business nice and clean ✨

News, Photography, EXIF, HUGO, Pipelines, SCSS

Related Posts