use relative_url

godalming123 · Feb 5, 2022 · dcbe549 · dcbe549
1 parent 981c901
commit dcbe549
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -10,13 +10,13 @@ <h3>
     </h3>
     <p>A website for me to post my tuturiols experiences and what I'm working on.</p>
     <!-- pages -->
-    <li><a href="/blog/#intro" class="waves-effect closeSidenavs"><i class="material-icons">drive_file_rename_outline</i>Intro</a></li>
+    <li><a href="{{/#intro | relative_url}}" class="waves-effect closeSidenavs"><i class="material-icons">drive_file_rename_outline</i>Intro</a></li>
     {% for collection in site.collections %}
       {% if collection.isPostType %}
         <li>
-          <a href="/blog/#{{ collection.label}}" class="waves-effect closeSidenavs">
+          <a href="/#{{ collection.label | relative_url}}" class="waves-effect closeSidenavs">
             {% if collection.icon != "" %}
-              <img src="{{ collection.icon }}" alt="{{ collection.iconAlt }}" class="invert-on-dark">
+              <img src="{{ collection.icon | relative_url}}" alt="{{ collection.iconAlt }}" class="invert-on-dark">
             {% endif %}
             {% if collection.matirialIcon != "" %}
               <i alt="{{ collection.iconAlt }}" class="invert-on-dark material-icons">{{ collection.matirialIcon }}</i>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -3,7 +3,7 @@
 title: "My Blog"
 ---
 
-<h1 id="intro"><img loading="lazy" src="/icons/blogger.svg" class="invert-on-dark">My Blog</h1>
+<h1 id="intro"><img loading="lazy" src="{{ /icons/blogger.svg | relative_url }}" class="invert-on-dark">My Blog</h1>
 
 {{content}}
 
@@ -13,7 +13,7 @@ <h1 id="intro"><img loading="lazy" src="/icons/blogger.svg" class="invert-on-dar
     <!-- title -->
     <h4 id="{{ collection.label }}" >
       {% if collection.icon != "" %}
-        <img loading="lazy" src="{{ collection.icon }}" alt="{{ collection.iconAlt }}" class="invert-on-dark">
+        <img loading="lazy" src="{{ collection.icon | relative_url}}" alt="{{ collection.iconAlt }}" class="invert-on-dark">
       {% endif %}
       {% if collection.matirialIcon != "" %}
         <i alt="{{ collection.iconAlt }}" class="invert-on-dark material-icons">{{ collection.matirialIcon }}</i>
@@ -62,7 +62,7 @@ <h4 id="{{ collection.label }}" >
           </div>
           <!-- url -->
           {% if collection.output == true %}<!--if jekyll will generate a url for the blog-->
-            <a href="{{ document.url }}" class="clickable-div-link">See the blog >></a>
+            <a href="{{ document.url | relative_url }}" class="clickable-div-link">See the blog >></a>
           {% endif %}
         </div>
       {% endfor %}