Today, I finished working on a lazyblorg feature I was thinking of for a long time: embedding images that link to a differently sized image. This way, you are able to include a smaller image within the blog article itself and allow your readers to take a closer look at a larger version of the same image.

This comes with some changes you might want to understand before upgrading lazyblorg and using that feature.

What's New?

The new functionality is explained in detail in the wiki page on including image files. Further more, I updated the example page of the currently supported Org mode syntax.

You may want to modify a new settings for CLUE_TEXT_FOR_LINKED_IMAGES in config.py or the corresponding styling .figcaption-clue-link in templates/public_voit.scss.

Additionally, lazyblorg is now purging Exif meta-data from images that were included using the tsfile: method for privacy reasons.

Example

Here is an example. First, in the Org mode file it looks like that:

#+CAPTION: An example image with a linked, larger version of it. #+ATTR_HTML: :alt This is the alt-text for this example image #+ATTR_HTML: :align center :width 560 :linked-image-width 1500 [[tsfile:2019-08-14T09.05.49 Bali - Candi Beach - -- sel specialL minsel publicvoit.jpg][2019-08-14T09.05.49 Bali - Candi Beach - -- sel specialL minsel publicvoit.jpg]]

And this is the produced in the blog article:

An example image with a linked, larger version of it. (click for a larger version)

Looking Forward

You will see more examples where I'm going to use this new feature on my blog and maybe I'm going to add linked images to some older articles as well.

Let me know how this feature resonates with your use-cases and send me a comment below!