diff --git a/arrow-site/docs/_includes/_doc-wrapper.html b/arrow-site/docs/_includes/_doc-wrapper.html
index 5e9ff3e2e63..e097aafb472 100644
--- a/arrow-site/docs/_includes/_doc-wrapper.html
+++ b/arrow-site/docs/_includes/_doc-wrapper.html
@@ -4,7 +4,7 @@
       <i class="fa fa-lg fa-bars menu-icon"></i>
     </button>
     <div class="search-wrapper">
-      <img src="/img/docs/search-icon.svg" title="search" alt="Search">
+      <img src="{{ '/img/docs/search-icon.svg' | relative_url }}" title="search" alt="Search">
       <input id="docsearch" class="search" placeholder="Search documentation..." type="search">
     </div>
     <ul class="menu-doc-search">
diff --git a/arrow-site/docs/_includes/_head-docs.html b/arrow-site/docs/_includes/_head-docs.html
index ca8f7df3b0d..b24f72e0001 100644
--- a/arrow-site/docs/_includes/_head-docs.html
+++ b/arrow-site/docs/_includes/_head-docs.html
@@ -36,13 +36,13 @@
   <meta name="twitter:image" content="https://arrow-kt.io/img/poster.png" />
 
   <!-- Favicon -->
-  <link rel="shortcut icon" type="image/png" href="/img/favicon.png">
+  <link rel="shortcut icon" type="image/png" href="{{ '/img/favicon.png' | relative_url }}">
 
   <!-- Diagrams support -->
-  <script src="/js/dagre.min.js"></script>
-  <script src="/js/lodash.min.js"></script>
-  <script src="/js/nomnoml.js"></script>
-  <script src="/js/diagrams.js" async></script>
+  <script src="{{ '/js/dagre.min.js' | relative_url }}"></script>
+  <script src="{{ '/js/lodash.min.js' | relative_url }}"></script>
+  <script src="{{ '/js/nomnoml.js' | relative_url }}"></script>
+  <script src="{{ '/js/diagrams.js' | relative_url }}" async></script>
 
   <!-- Arrow versions metadata -->
   <meta name="previous-version" data-title="{{ previous-version.title }}" data-url="{{ previous-version.url }}" />
@@ -54,7 +54,7 @@
 
   <script src="https://unpkg.com/arrow-playground@1" data-selector="[class^='language-kotlin']" data-arrow-version="latest"></script>
   <!-- Site main css -->
-  <link rel="stylesheet" type="text/css" href="/css/docs-styles.css">
+  <link rel="stylesheet" type="text/css" href="{{ '/css/docs-styles.css' | relative_url }}">
 
   {% if jekyll.environment == 'production' and site.data.commons.google_analytics %}
   {% include _google-tag-manager.html %}
diff --git a/arrow-site/docs/_includes/_head.html b/arrow-site/docs/_includes/_head.html
index 5b59c7c2383..b4af43c4de5 100644
--- a/arrow-site/docs/_includes/_head.html
+++ b/arrow-site/docs/_includes/_head.html
@@ -20,22 +20,22 @@
   <meta name="twitter:image" content="https://arrow-kt.io/img/poster.png" />
 
   <script async defer src="https://buttons.github.io/buttons.js"></script>
-  <script defer src="/js/main.js"></script>
-  <script defer src="/js/main-hovers.js"></script>
-  <script defer src="/js/animations.js"></script>
+  <script defer src="{{ '/js/main.js' | relative_url }}"></script>
+  <script defer src="{{ '/js/main-hovers.js' | relative_url }}"></script>
+  <script defer src="{{ '/js/animations.js' | relative_url }}"></script>
 
   <!-- Favicon -->
-  <link rel="shortcut icon" type="image/png" href="/img/favicon.png">
+  <link rel="shortcut icon" type="image/png" href="{{ '/img/favicon.png' | relative_url }}">
 
   <!-- Site main css -->
-  <link rel="stylesheet" type="text/css" href="/css/home-styles.css">
+  <link rel="stylesheet" type="text/css" href="{{ '/css/home-styles.css' | relative_url }}">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.6/lottie.min.js" type="text/javascript"></script>
 
   <!-- Arrow playground -->
   <script src="https://unpkg.com/arrow-playground@1" data-selector="[class^='language-kotlin']" data-arrow-version="latestRelease"></script>
 
   <!-- Highlight -->
-  <script src="/js/highlight.pack.js"></script>
+  <script src="{{ '/js/highlight.pack.js' | relative_url }}"></script>
   <script>
     hljs.initHighlightingOnLoad();
   </script>
diff --git a/arrow-site/docs/_includes/_header.html b/arrow-site/docs/_includes/_header.html
index c54948c67ec..e1268d59692 100644
--- a/arrow-site/docs/_includes/_header.html
+++ b/arrow-site/docs/_includes/_header.html
@@ -21,7 +21,7 @@ <h1 id="header-text">{{site.data.commons.description}}</h1>
         <div id="fx-arrow-animation" class="image-animation" alt="Arrow fx"></div>
         <div id="optics-arrow-animation" class="image-animation" alt="Arrow optics"></div>
         <div id="meta-arrow-animation" class="image-animation" alt="Arrow meta"></div>
-        <img id="logo-white-lines" class="image-animation" src="/img/home/logo-white-lines.svg" alt="Arrow white lines"></img>
+        <img id="logo-white-lines" class="image-animation" src="{{ '/img/home/logo-white-lines.svg' | relative_url }}" alt="Arrow white lines"></img>
       </div>
     </div>
   </div>
diff --git a/arrow-site/docs/_includes/_js-bottom-docs.html b/arrow-site/docs/_includes/_js-bottom-docs.html
index 6dce435b4e6..26ce271d349 100644
--- a/arrow-site/docs/_includes/_js-bottom-docs.html
+++ b/arrow-site/docs/_includes/_js-bottom-docs.html
@@ -5,11 +5,11 @@
 <script async defer src="https://buttons.github.io/buttons.js"></script>
 
 <!-- Docsearch -->
-<script type="text/javascript" src="/js/docsearch.min.js"></script>
+<script type="text/javascript" src="{{ '/js/docsearch.min.js' | relative_url }}"></script>
 <!-- Custom scripts for this template -->
-<script src="/js/functions.js"></script>
+<script src="{{ '/js/functions.js' | relative_url }}"></script>
 <!-- Highlight -->
-<script src="/js/highlight.pack.js"></script>
+<script src="{{ '/js/highlight.pack.js' | relative_url }}"></script>
 <script>
   hljs.initHighlightingOnLoad()
 </script>
diff --git a/arrow-site/docs/_includes/_nav.html b/arrow-site/docs/_includes/_nav.html
index 26b1525bee5..9de78f5a0b5 100644
--- a/arrow-site/docs/_includes/_nav.html
+++ b/arrow-site/docs/_includes/_nav.html
@@ -2,13 +2,13 @@
   <div class="wrapper">
     <div class="nav-flex">
       <a class="nav-brand" title="Arrow" href="/">
-        <img id="nav-brand-dark" src="/img/home/nav-brand.svg" title="{{ site.name }}" alt="Arrow">
-        <img id="nav-brand-white" src="/img/home/nav-brand-white.svg" title="{{ site.name }}" alt="Arrow">
+        <img id="nav-brand-dark" src="{{ 'img/home/nav-brand.svg' | relative_url }}" title="{{ site.name }}" alt="Arrow">
+        <img id="nav-brand-white" src="{{ 'img/home/nav-brand-white.svg' | relative_url }}" title="{{ site.name }}" alt="Arrow">
         <span id="nav-title">{{ site.name }}</span>
       </a>
       <div class="nav-menu">
         <button class="button nav-icon-close" title="Close" onClick="toggleClass('.nav-menu', 'open');">
-          <img id="nav-icon-close" src="/img/home/nav-icon-close-white.svg" alt="Close">
+          <img id="nav-icon-close" src="{{ 'img/home/nav-icon-close-white.svg' | relative_url }}" alt="Close">
         </button>
         <ul>
           {% for item in site.data.menu.nav%}
@@ -24,7 +24,7 @@
         </ul>
       </div>
       <button class="button nav-icon-open" title="Open" onClick="toggleClass('.nav-menu', 'open');">
-        <img id="nav-icon-open" src="/img/home/nav-icon-open-white.svg" alt="Open">
+        <img id="nav-icon-open" src="{{ 'img/home/nav-icon-open-white.svg' | relative_url }}" alt="Open">
       </button>
     </div>
   </div>
diff --git a/arrow-site/docs/_includes/_sidebar-wrapper.html b/arrow-site/docs/_includes/_sidebar-wrapper.html
index 11bc5847ea7..da56af8f2fe 100644
--- a/arrow-site/docs/_includes/_sidebar-wrapper.html
+++ b/arrow-site/docs/_includes/_sidebar-wrapper.html
@@ -7,7 +7,7 @@
   <div class="sidebar-brand">
     <a href="{{ site.data.commons.stable_version | relative_url }}">
       {% assign img_url = '/img/' | append: cat_id | append: '/arrow-' | append: cat_id | append: '-brand-sidebar.svg' %}
-      <img src="{{ img_url}}" alt="Arrow {{ cat_id }}">
+      <img src="{{ img_url | relative_url }}" alt="Arrow {{ cat_id }}">
     </a>
     {% assign cat_title = cat_id  %}
     {% include _sidebar-cat-dropdown.html %}
diff --git a/arrow-site/docs/_layouts/error.html b/arrow-site/docs/_layouts/error.html
index 0c974900187..317121b1fb9 100644
--- a/arrow-site/docs/_layouts/error.html
+++ b/arrow-site/docs/_layouts/error.html
@@ -22,9 +22,9 @@
   <meta name="twitter:creator" content="@arrow_kt">
   <meta name="twitter:image" content="https://arrow-kt.io/img/twitter-card.png" />
 
-  <link rel="shortcut icon" href="/img/favicon.png">
+  <link rel="shortcut icon" href="{{ '/img/favicon.png' | relative_url }}">
   <!-- Arrow main css -->
-  <link rel="stylesheet" type="text/css" href="/css/home-styles.css">
+  <link rel="stylesheet" type="text/css" href="{{ '/css/home-styles.css' | relative_url }}">
 </head>
 
 <body>
@@ -32,7 +32,7 @@
     <div class="wrapper">
       <div class="header-flex">
         <div class="brand">
-          <img class="masthead-brand" src="/img/home/arrow-brand-error.svg" alt="Code error">
+          <img class="masthead-brand" src="{{ 'img/home/arrow-brand-error.svg' | relative_url }}" alt="Code error">
         </div>
         <div class="header-error-text">
           <h1 class="masthead-code-error">404</h1>