local or ext imgs

_layouts/blog.html

@@ -11,8 +11,13 @@
       class="article flex flex-col my-4 bg-white text-black dark:bg-black dark:border-gray-700 shadow-md dark:text-white">
       <!-- Article Image -->
       {%- if post.image -%}
-      <a href="{{ post.url }}" class="hover:opacity-75">
+      <a href="{{ site.baseurl }}{{ post.url }}" class="hover:opacity-75">
+        {% if post.ext_img %}
         <img src="{{ post.image }}">
+        {% else %}
+        <img src="{{ site.baseurl }}{{ post.image }}">
+        {% endif %}
+
       </a>
       {%-endif-%}
       <div class="flex flex-col justify-start p-6">

_layouts/post.html

@@ -34,7 +34,11 @@ <h4 class="font-bold text-xl mb-2"><i class="fas fa-{{ page.toc_icon | default:
 
         <article class="flex flex-col shadow my-4 ">
             {%- if page.image -%}
+            {% if page.ext_img %}
             <img src="{{ page.image }}">
+            {% else %}
+            <img src="{{ site.baseurl }}{{ page.image }}">
+            {% endif %}
             {% endif %}
             <div class="flex flex-col justify-start p-6">
                 <div class="flex flex-wrap">

_posts/data/2023-07-12-data-handling-in-software.md

@@ -5,6 +5,7 @@ date:   2023-07-12
 categories: data
 tags: software
 image: https://placekitten.com/500/300
+ext_img: true
 ---
 
 In today's digital age, software applications play a pivotal role in handling, managing, and manipulating data. Data, in various formats, can be input by the user, gathered from external sources, or generated by the software itself. Once the data is collected, it's stored, manipulated, and output in various forms to deliver the functionality intended by the software. This process is often so seamless that end users might not even realize the complexity and sophistication behind the data handling process.