🐛 Fix incorrect URL when deploying to a subfolder

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [Unreleased]
+
+### Fixed
+
+- Fixes URLs being incorrect in some cases when the site is deployed in a subfolder
+
 ## [1.0.0] - 2020-08-16
 
 ### Initial release 🎉
@@ -30,4 +36,5 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Advanced customisation using simple Tailwind colour definitions and styles
 - Fully documented
 
+[unreleased]: https://github.com/jpanther/Congo/compare/v1.0.0...HEAD
 [1.0.0]: https://github.com/jpanther/Congo/releases/tag/v1.0.0

exampleSite/config.toml

@@ -4,14 +4,15 @@
 # as it does not contain all the required theme settings!
 #
 # Refer to the theme docs for configuration instructions if you're unsure.
-# https://github.com/jpanther/Congo#readme
+# https://jpanther.github.io/Congo/docs/
 # --------------------------------------------------------------------------
 
-baseURL = "https://example.com"
+baseURL = "https://jpanther.github.io/Congo/"
 theme = "Congo"
 languageCode = "en-AU"
 title = "Congo"
 enableEmoji = true
+relativeURLs = true
 
 [author]
   name = "Congo"

layouts/partials/head.html

@@ -35,10 +35,10 @@
   {{ if templates.Exists "partials/favicons.html" }}
     {{ partialCached "favicons.html" .Site }}
   {{ else }}
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ "/apple-touch-icon.png" | absURL }}" />
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | absURL }}" />
-    <link rel="icon" type="image/png" sizes="32x32" href="{{ "/favicon-32x32.png" | absURL }}" />
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | absURL }}" />
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ "/favicon-16x16.png" | absURL }}" />
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | absURL }}" />
-    <link rel="manifest" href="{{ "/site.webmanifest" | absURL }}" />
+    <link rel="manifest" href="{{ "site.webmanifest" | absURL }}" />
   {{ end }}
   {{/* Site Verification */}}
   {{ with .Site.Params.verification.google }}

layouts/partials/header.html

@@ -6,7 +6,7 @@
     <ul class="flex flex-col list-none sm:flex-row">
       {{ range .Site.Menus.main }}
         <li class="text-right sm:mr-7 sm:last:mr-0">
-          <a class="hover:underline" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+          <a class="hover:underline" href="{{ .URL | absURL }}" title="{{ .Title }}">{{ .Name }}</a>
         </li>
       {{ end }}
     </ul>

layouts/shortcodes/figure.html

@@ -1,37 +1,29 @@
 {{ if .Get "src" }}
   {{ $image := .Page.Resources.GetMatch (printf "*%s*" (.Get "src")) }}
-  <figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
+  <figure{{ with .Get "class" }} class="{{ . }}"{{ end -}}>
-      {{- if .Get "link" -}}
+  {{- if .Get "link" -}}
-          <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
-      {{- end -}}
+  {{- end -}}
-      <img src="{{ $image.RelPermalink }}"
+  <img src="{{ $image.Permalink }}"
-          {{- if or (.Get "alt") (.Get "caption") }}
+    {{- if or (.Get "alt") (.Get "caption") }}
-          alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+    alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify | plainify }}{{ end }}"
-          {{- end -}}
+    {{- end -}}
-          {{- with .Get "width" }} width="{{ . }}"{{ end -}}
+    {{- with .Get "width" }} width="{{ . }}"{{ end -}}
-          {{- with .Get "height" }} height="{{ . }}"{{ end -}}
+    {{- with .Get "height" }} height="{{ . }}"{{ end -}}
-      /><!-- Closing img tag -->
+  />
-      {{- if .Get "link" }}</a>{{ end -}}
+  {{- if .Get "link" }}</a>{{ end -}}
-      {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
+  {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
-          <figcaption>
+    <figcaption>
-              {{ with (.Get "title") -}}
+      {{ with (.Get "title") -}}<h4>{{ . }}</h4>{{- end -}}
-                  <h4>{{ . }}</h4>
+      {{- if or (.Get "caption") (.Get "attr") -}}<p>
-              {{- end -}}
+        {{- .Get "caption" | markdownify -}}
-              {{- if or (.Get "caption") (.Get "attr") -}}<p>
+        {{- with .Get "attrlink" }}<a href="{{ . }}">{{- end -}}
-                  {{- .Get "caption" | markdownify -}}
+          {{- .Get "attr" | markdownify -}}
-                  {{- with .Get "attrlink" }}
+        {{- if .Get "attrlink" }}</a>{{ end }}</p>
-                      <a href="{{ . }}">
-                  {{- end -}}
-                  {{- .Get "attr" | markdownify -}}
-                  {{- if .Get "attrlink" }}</a>{{ end }}</p>
-              {{- end }}
-          </figcaption>
       {{- end }}
+    </figcaption>
+  {{- end }}
   </figure>
 {{ end }}
 
 
-
-
-
-