From 1100562e29f6476448b656dbddd4cf22505523f6 Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Sun, 10 Mar 2024 14:59:14 +0100 Subject: Move back to JBMAFP --- .../2023-11-05-add-lazy-loading-to-jekyll-posts.md | 34 ---------------------- 1 file changed, 34 deletions(-) delete mode 100644 _posts/notes/2023-11-05-add-lazy-loading-to-jekyll-posts.md (limited to '_posts/notes/2023-11-05-add-lazy-loading-to-jekyll-posts.md') diff --git a/_posts/notes/2023-11-05-add-lazy-loading-to-jekyll-posts.md b/_posts/notes/2023-11-05-add-lazy-loading-to-jekyll-posts.md deleted file mode 100644 index 8293a4d..0000000 --- a/_posts/notes/2023-11-05-add-lazy-loading-to-jekyll-posts.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: "Add lazy loading of images in Jekyll posts" -permalink: /add-lazy-loading-to-jekyll-posts.html -date: 2023-11-05T09:04:28+02:00 -layout: post -type: note -draft: false ---- - -Normally you define images with `![]()` in markdown files. But jekyll also -provides a way to adding custom attributes to tags with `{:attr="value"}`. - -If you have lots of posts this command will append `{:loading="lazy"}` to all -images in all your markdown files. - -```md -![image-title](/path/to/your/image.jpg) -``` - -will become - -```md -![image-title](/path/to/your/image.jpg){:loading="lazy"} -``` - -Shell line bellow. Go into the folder where your posts are (probably `_posts`). - -```sh -find . -type f -name "*.md" -exec sed -i -E 's/(\!\[.*\]\((.*?)\))$/\1{:loading="lazy"}/' {} \; -``` - -Under the hood this adds `loading="lazy"` to HTML `img` nodes. - -That is about it. -- cgit v1.2.3