adjusting images to work the same in github pages

ryanjbartley · Oct 8, 2020 · f994519 · f994519
1 parent 5a1c9fd
commit f994519
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/layouts/partials/article/hero.html b/layouts/partials/article/hero.html
@@ -12,7 +12,7 @@ <h1 class="article-hero-heading">{{ .Page.Params.Title }}</h1>
         </header>
         {{ with .Page.Params.hero }}
         <div class="article-hero-image" id="ArticleImage__Hero">
-            <img src="{{ . }}">
+            <img src="{{ $.Site.BaseURL }}{{ . }}">
         </div>
         {{ end }}
     </div>

diff --git a/layouts/partials/head/head.html b/layouts/partials/head/head.html
@@ -1,4 +1,5 @@
 <head>
+    <base href="{{ .Site.BaseURL }}">
     <meta charset="utf-8">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,6 +1,6 @@
 <Section class="section">
   <div class="nav-container">
-    <a class="logo-link" href="/">
+    <a class="logo-link" href="{{ .Site.BaseURL }}">
       {{ partial "icons/ui/logo.html" . }}
       <span class="header-hidden">Navigate back to the homepage</span>
     </a>