diff --git a/_includes/audio.html b/_includes/audio.html
index 14c7801..277addc 100644
--- a/_includes/audio.html
+++ b/_includes/audio.html
@@ -1,7 +1,7 @@
 <figure>
 
   <audio
-    src="{{ include.path | relative_url }}"
+    src="{% if include.cache_bust %}{{ include.path | relative_url | bust_file_cache }}{% else %}{{ include.path | relative_url }}{% endif %}"
     {% if include.class %}class="{{ include.class }}"{% endif %}
     {% if include.alt %}alt="{{ include.alt }}"{% endif %}
     {% if include.title %}title="{{ include.title }}"{% endif %}
diff --git a/_includes/figure.html b/_includes/figure.html
index 676236b..eb3dc28 100644
--- a/_includes/figure.html
+++ b/_includes/figure.html
@@ -5,30 +5,29 @@
   <picture>
     {% if site.imagemagick.enabled %}
     {% for i in site.imagemagick.widths -%}
-      <source 
+      <source
         class="responsive-img-srcset"
-        media="(max-width: {{ i }}px)" 
+        media="(max-width: {{ i }}px)"
         srcset="{{ img_path | relative_url }}-{{ i }}.webp"
       />
     {% endfor -%}
     {% endif %}
 
     <!-- Fallback to the original file -->
-    <img 
-      src="{{ include.path | relative_url }}"
-      {% if include.class %}class="{{ include.class }}"{% endif %}  
-      {% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %} 
-      {% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %} 
-      {% if include.min-width %}min-width="{{ include.min-width }}"{% endif %} 
-      {% if include.min-height %}min-height="{{ include.min-height }}"{% endif %} 
-      {% if include.max-width %}max-width="{{ include.max-width }}"{% endif %} 
-      {% if include.max-height %}max-height="{{ include.max-height }}"{% endif %} 
-      {% if include.alt %}alt="{{ include.alt }}"{% endif %} 
-      {% if include.title %}title="{{ include.title }}"{% endif %} 
+    <img
+      src="{% if include.cache_bust %}{{ include.path | relative_url | bust_file_cache }}{% else %}{{ include.path | relative_url }}{% endif %}"
+      {% if include.class %}class="{{ include.class }}"{% endif %}
+      {% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %}
+      {% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %}
+      {% if include.min-width %}min-width="{{ include.min-width }}"{% endif %}
+      {% if include.min-height %}min-height="{{ include.min-height }}"{% endif %}
+      {% if include.max-width %}max-width="{{ include.max-width }}"{% endif %}
+      {% if include.max-height %}max-height="{{ include.max-height }}"{% endif %}
+      {% if include.alt %}alt="{{ include.alt }}"{% endif %}
+      {% if include.title %}title="{{ include.title }}"{% endif %}
       {% if include.zoomable %}data-zoomable{% endif %}
       onerror="this.onerror=null; $('.responsive-img-srcset').remove();"
     />
-
   </picture>
 
   {%- if include.caption -%}<figcaption class="caption">{{ include.caption }}</figcaption>{%- endif %}
diff --git a/_includes/head.html b/_includes/head.html
index e717c18..19cf873 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -27,13 +27,12 @@
     {% elsif site.icon != blank %}
     <link rel="shortcut icon" href="{{ site.icon | prepend: '/assets/img/' | relative_url}}"/>
     {% endif %}
-    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url | bust_css_cache }}">
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
 
     <!-- Dark Mode -->
     {% if site.enable_darkmode %}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/{{ site.highlight_theme_dark | append: '.css' }}" media="none" id="highlight_theme_dark" />
-
-    <script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
-    <script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
+    <script src="{{ '/assets/js/theme.js' | relative_url | bust_file_cache }}"></script>
+    <script src="{{ '/assets/js/dark_mode.js' | relative_url | bust_file_cache }}"></script>
     {% endif %}
diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html
index ddd6ee8..725a4c3 100644
--- a/_includes/scripts/misc.html
+++ b/_includes/scripts/misc.html
@@ -20,6 +20,6 @@
   <script defer src="https://unpkg.com/bootstrap-table@{{ site.bootstrap-table.version }}/dist/bootstrap-table.min.js"></script>
 
   <!-- Load Common JS -->
-  <script src="{{ '/assets/js/no_defer.js' | relative_url }}"></script>
-  <script defer src="{{ '/assets/js/common.js' | relative_url }}"></script>
-  <script defer src="{{ '/assets/js/copy_code.js' | relative_url }}" type="text/javascript"></script>
+  <script src="{{ '/assets/js/no_defer.js' | relative_url | bust_file_cache }}"></script>
+  <script defer src="{{ '/assets/js/common.js' | relative_url | bust_file_cache }}"></script>
+  <script defer src="{{ '/assets/js/copy_code.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
diff --git a/_includes/video.html b/_includes/video.html
index e56e054..8e889cd 100644
--- a/_includes/video.html
+++ b/_includes/video.html
@@ -5,7 +5,7 @@
   {% if extension == "mp4" or extension == "webm" or extension == "ogg" %}
 
   <video
-    src="{{ include.path | relative_url }}"
+  src="{% if include.cache_bust %}{{ include.path | relative_url | bust_file_cache }}{% else %}{{ include.path | relative_url }}{% endif %}"
     {% if include.class %}class="{{ include.class }}"{% endif %}
     {% if include.width %}width="{{ include.width }}"{% else %}width="auto"{% endif %}
     {% if include.height %}height="{{ include.height }}"{% else %}height="auto"{% endif %}
diff --git a/_layouts/about.html b/_layouts/about.html
index 072ed91..9a48811 100644
--- a/_layouts/about.html
+++ b/_layouts/about.html
@@ -6,7 +6,7 @@ layout: default
       <div class="post">
         <header class="post-header">
           <h1 class="post-title">
-           {% if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif %}
+            {% if site.title == "blank" -%}<span class="font-weight-bold">{{ site.first_name }}</span> {{ site.middle_name }} {{ site.last_name }}{%- else -%}{{ site.title }}{%- endif %}
           </h1>
           <p class="desc">{{ page.subtitle }}</p>
         </header>
@@ -26,7 +26,8 @@ layout: default
               {% include figure.html
               path=profile_image_path
               class=profile_image_class
-              alt=page.profile.image -%}
+              alt=page.profile.image
+              cache_bust=true -%}
             {% endif -%}
             {%- if page.profile.address %}
             <div class="address">
diff --git a/_plugins/cache-bust.rb b/_plugins/cache-bust.rb
new file mode 100644
index 0000000..f7efb23
--- /dev/null
+++ b/_plugins/cache-bust.rb
@@ -0,0 +1,51 @@
+# based on https://distresssignal.org/busting-css-cache-with-jekyll-md5-hash
+# https://gist.github.com/BryanSchuetz/2ee8c115096d7dd98f294362f6a667db
+module Jekyll
+    module CacheBust
+        class CacheDigester
+            require 'digest/md5'
+            require 'pathname'
+
+            attr_accessor :file_name, :directory
+
+            def initialize(file_name:, directory: nil)
+                self.file_name = file_name
+                self.directory = directory
+            end
+
+            def digest!
+                [file_name, '?', Digest::MD5.hexdigest(file_contents)].join
+            end
+
+            private
+
+            def directory_files_content
+                target_path = File.join(directory, '**', '*')
+                Dir[target_path].map{|f| File.read(f) unless File.directory?(f) }.join
+            end
+
+            def file_content
+                local_file_name = file_name.slice((file_name.index('assets/')..-1))
+                File.read(local_file_name)
+            end
+
+            def file_contents
+                is_directory? ? file_content : directory_files_content
+            end
+
+            def is_directory?
+                directory.nil?
+            end
+        end
+
+        def bust_file_cache(file_name)
+            CacheDigester.new(file_name: file_name, directory: nil).digest!
+        end
+
+        def bust_css_cache(file_name)
+            CacheDigester.new(file_name: file_name, directory: 'assets/_sass').digest!
+        end
+    end
+end
+
+Liquid::Template.register_filter(Jekyll::CacheBust)
\ No newline at end of file