use relative url

_includes/footer.html

@@ -2,7 +2,7 @@
     <div class="container px-5 py-8 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
       <div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
         <a class="flex title-font font-medium items-center md:justify-start justify-center cm-gray-1">
-          <img src="/assets/logo.png" class="h-8">
+          <img src="{{ '/assets/logo.png' | relative_url }}" class="h-8">
           <span class="ml-3 text-xl">{{ site.title }}</span>
         </a>
         <p class="mt-2 text-sm cm-gray-3">{{ site.tagline }}</p>

_includes/head.html

@@ -2,8 +2,8 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
-<link rel="stylesheet" href="{{ "/assets/index.css" | relative_url }}">
-<link rel="shortcut icon" type="image/png" href={{ "/assets/favicon.ico" | relative_url }}>
+<link rel="stylesheet" href="{{ '/assets/index.css' | relative_url }}">
+<link rel="shortcut icon" type="image/png" href="{{ '/assets/favicon.ico' | relative_url }}">
 
 <title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>
 <meta itemprop="description" name="description"

_includes/header.html

@@ -1,7 +1,7 @@
 <header class="cm-gray-2 body-font sticky top-0 z-50 bg-gradient-to-r from-white to-secondary">
     <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
       <a class="flex title-font font-medium items-center cm-gray-1 mb-4 md:mb-0" href="/">
-        <img src="/assets/logo.png" class="h-8">
+        <img src="{{ '/assets/logo.png' | relative_url }}" class="h-8">
         <span class="ml-3 text-xl">{{ site.title }}</span>
       </a>