edit template

layouts/_default/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-<section class = 'post_header' style = 'background-image:url(/images/{{ .Params.image }});'>
+<section class = 'post_header' style = 'background-image:url({{ $.Site.BaseURL }}images/{{ .Params.image }});'>
   <h1 class='post_title' itemprop='name headline'>{{ .Title }}</h1>
 </section>
 <div class = 'post'>
@@ -23,6 +23,6 @@ <h3>Recent Posts</h3>
     </ul>
   </aside>
 </div>
-<script src = '/js/autosize.min.js'></script>
-<script src = '/js/timeago.js'></script>
+<script src = '{{ $.Site.BaseURL }}js/autosize.min.js'></script>
+<script src = '{{ $.Site.BaseURL }}js/timeago.js'></script>
 {{ end }}

layouts/partials/analytics.html

@@ -1,7 +1,9 @@
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114386438-1"></script>
+{{ if .Site.Params.ga_analytics }}
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
 <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
-  gtag('config', 'UA-114386438-1');
+  gtag('config', '{{ . }}');
 </script>
+{{ end }}

layouts/partials/audio.html

@@ -1,5 +1,5 @@
 <div class = 'waves'>
   <canvas id = 'waves' class = 'waves_inner'></canvas>
 </div>
-<script src =  '/js/sine-waves.min.js'></script>
-<script src = '/js/audio.js'></script>
+<script src =  '{{ $.Site.BaseURL }}js/sine-waves.min.js'></script>
+<script src = '{{ $.Site.BaseURL }}js/audio.js'></script>

layouts/partials/author.html

@@ -4,7 +4,7 @@
 {{ if eq .name $author }}
   <div class = 'author'>
     <a href = '{{ .url }}' target = "{{ $author }}'s profile">
-      <img class = 'author_pic' src = '/images/{{ $author }}.jpg' alt = ''>
+      <img class = 'author_pic' src = '{{ $.Site.BaseURL }}images/{{ $author }}.jpg' alt = ''>
     </a>
     <div class = 'author_meta'>
       <div class = 'pale author_heading'>WRITTEN BY</div>

layouts/partials/footer.html

@@ -4,4 +4,4 @@
     <p class = 'mute'>Designed by <a href = '{{ .Site.Data.designer.url }}' target = '_blank' title = 'Linkedin Profile' rel = 'nonopener'> {{ .Site.Data.designer.name }}</a></p>
   </div>
 </footer>
-<script src = '/js/index.js'></script>
+<script src = '{{ $.Site.BaseURL }}js/index.js'></script>

layouts/partials/head.html

@@ -13,11 +13,11 @@
   <meta property = 'og:url' content = '{{ .Permalink }}' />
   {{ partial "opengraph.html" . }}
   {{ partial "analytics.html" . }}
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png">
-  <link rel="manifest" href="/images/icons/site.webmanifest">
-  <link rel="mask-icon" href="/images/icons/safari-pinned-tab.svg" color="#5bbad5">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ $.Site.BaseURL }}images/icons/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ $.Site.BaseURL }}images/icons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="{{ $.Site.BaseURL }}images/icons/favicon-16x16.png">
+  <link rel="manifest" href="{{ $.Site.BaseURL }}images/icons/site.webmanifest">
+  <link rel="mask-icon" href="{{ $.Site.BaseURL }}images/icons/safari-pinned-tab.svg" color="#5bbad5">
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
   <link rel='canonical' href="{{ .Permalink }}">

layouts/partials/opengraph.html

@@ -32,7 +32,7 @@
     }
   </script>
   <meta name = 'twitter:card' content = 'summary_large_image' />
-  <meta name = 'twitter:creator' content = '@onweru'>
+  <meta name = 'twitter:creator' content = '{{ .Site.Params.twitter }}'>
   <meta name = 'twitter:title' content = '{{ .Title }}' />
   <meta property = 'twitter:description'  content = '{{ .Summary | truncate 250 }}'/>
   <meta name = 'twitter:image' content = '{{ .Site.BaseURL }}images/{{ .Params.image }}' />