support for images in page bundles as relative paths

layouts/_default/search.json

@@ -4,6 +4,14 @@
     {{ $mscratch.Add "articles" slice }}
     {{ $pages := where .Site.RegularPages "Params.nosearch" "!=" "true" }}
     {{ range $pages }}
+        {{ $image := "" }}
+        {{ if .Params.Image }}
+            {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+                {{ $image = .Params.Image }}
+            {{ else }}
+                {{ $image = path.Join "/" (path.Join .File.Dir .Params.Image) }}
+            {{ end }}
+        {{ end }}
         {{ $mscratch.Add "articles" (dict
             "title" .Title
             "date" (.Date.Format "2006-01-02")
@@ -11,7 +19,7 @@
             "summary" (or .Params.description .Summary)
             "text" (lower .Plain)
             "link" .Permalink
-            "image" (or .Params.Image "")) }}
+            "image" $image) }}
     {{ end }}
     "pages": {{ $mscratch.Get "articles" | jsonify }}
 }

layouts/index.json

@@ -11,13 +11,21 @@
     {{ $mscratch := newScratch }}
     {{ $mscratch.Add "articles" slice }}
     {{ range (.Paginate $postsList).Pages }}
+        {{ $image := "" }}
+        {{ if .Params.Image }}
+            {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+                {{ $image = .Params.Image }}
+            {{ else }}
+                {{ $image = path.Join (path.Join .File.Dir .Params.Image) }}
+            {{ end }}
+        {{ end }}
         {{ $mscratch.Add "articles" (dict
             "title" .Title
             "date" (.Date.Format "2006-01-02")
             "tags" (sort (or .Params.tags slice))
             "summary" (or .Params.description .Summary)
             "link" .Permalink
-            "image" (or .Params.Image "")) }}
+            "image" $image) }}
     {{ end }}
     "articles": {{ $mscratch.Get "articles" | jsonify }},
     "test": "{{range $postsList}}{{.Title}}   {{end}}",

layouts/partials/article_card.html

@@ -17,7 +17,11 @@
         {{ if .Site.Params.imageInArticlePreview }}
             {{ if .Params.Image }}
                 <a class="unstyledLink" href="{{ .Permalink }}">
-                    <img src="{{ .Params.Image }}" />
+                    {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+                        <img src="{{ .Params.Image }}" />
+                    {{ else }}
+                        <img src="/{{ path.Join .File.Dir .Params.Image }}" />
+                    {{ end }}
                 </a>
             {{ end }}
         {{end}}

layouts/partials/featured_articles.html

@@ -1,5 +1,13 @@
 <div class="featured postlist gridView">
 {{ range . }}
+    {{ $image := "" }}
+    {{ if .Params.Image }}
+        {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+            {{ $image = .Params.Image }}
+        {{ else }}
+            {{ $image = path.Join "/" (path.Join .File.Dir .Params.Image) }}
+        {{ end }}
+    {{ end }}
     <a class="featuredCardLink" href="{{ .Permalink }}">
         <article class="featuredCard"
             style="
@@ -7,7 +15,7 @@
                     rgba(0, 0, 0, 0) 0%,
                     rgba(0, 0, 0, 0.1) 45%,
                     rgba(0, 0, 0, 0.7) 100%
-                ), url('{{ .Params.Image }}');
+                ), url('{{ $image }}');
         ">
             <div class="contentArea">
                 <h2>{{ .Title }}</h2>

layouts/partials/head_meta_opengraph.html

@@ -15,10 +15,16 @@
         {{ end }}
     {{ end }}
     <meta property="og:url" content="{{ .Permalink }}" />
+    {{ $image := .Site.Params.icon512 | default "/img/icon.svg" }}
+    {{ if .Params.Image }}
+        {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+            {{ $image = .Params.Image }}
+        {{ else }}
+            {{ $image = path.Join (path.Join .File.Dir .Params.Image) }}
+        {{ end }}
+    {{ end }}
     <meta property="og:image"
-        content='{{ if .Params.Image }}{{ .Params.Image | absURL }}
+        content="{{ $image | absURL }}" />
-        {{ else }}{{ .Site.Params.icon512 | default "/img/icon.svg" | absURL }}
-    {{ end }}' />
     {{ if .Params.description }}
         <meta property="og:description" content="{{ .Params.description }}" />
     {{ else }}

layouts/partials/head_meta_twitter.html

@@ -7,10 +7,16 @@
 {{ if .IsPage }}
     <meta name="twitter:title" content="{{ .Title }}" />
     
+    {{ $image := .Site.Params.icon512 | default "/img/icon.svg" }}
+    {{ if .Params.Image }}
+        {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+            {{ $image = .Params.Image }}
+        {{ else }}
+            {{ $image = path.Join (path.Join .File.Dir .Params.Image) }}
+        {{ end }}
+    {{ end }}
     <meta name="twitter:image"
-        content='{{ if .Params.Image }}{{ .Params.Image | absURL }}
+        content="{{ $image | absURL }}" />
-        {{ else }}{{ .Site.Params.icon512 | default "/img/icon.svg" | absURL }}
-    {{ end }}' />
     {{ if .Params.description }}
         <meta name="twitter:description" content="{{ .Params.description }}" />
     {{ else }}

layouts/partials/single_post.html

@@ -14,7 +14,11 @@
     {{ end }}
     {{ if .Params.Image }}
         <figure style="margin: 0">
-            <img src="{{ .Params.Image }}" alt="" />
+            {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
+                <img src="{{ .Params.Image }}" />
+            {{ else }}
+                <img src="/{{ path.Join .File.Dir .Params.Image }}" />
+            {{ end }}
             {{ if .Params.ImageCaption }}
                 <figcaption>
                     <p>{{ .Params.ImageCaption | markdownify }}</p>