Fix: Open graph images missing on Score blog (#33)

Signed-off-by: Santiago Beroch <[email protected]> Co-authored-by: Mathieu Benoit <[email protected]>
score-spec · Nov 5, 2024 · c1dc443 · c1dc443
1 parent 4782b8c
commit c1dc443
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 28 deletions.
diff --git a/layouts/partials/head/opengraph.html b/layouts/partials/head/opengraph.html
@@ -34,25 +34,29 @@
   {{ .Scratch.Set "title" .Title -}}
 {{ end -}}
 
-{{ with $.Params.images -}}
-  {{ range first 6 . -}}
+{{ with .Params.image }}
   <meta property="og:image" content="{{ $.Permalink }}{{ . }}">
-  {{ end -}}
-{{ else -}}
-  {{ $images := $.Resources.ByType "image" -}}
-  {{ $featured := $images.GetMatch "*feature*" -}}
-  {{ if not $featured -}}
-    {{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}
-  {{ end -}}
-  {{ with $featured -}}
-    <meta property="og:image" content="{{ $featured.Permalink }}"/>
+{{ else }}
+  {{ with $.Params.images -}}
+    {{ range first 6 . -}}
+      <meta property="og:image" content="{{ $.Permalink }}{{ . }}">
+    {{ end -}}
   {{ else -}}
-    {{ with $.Site.Params.images -}}
-      <meta property="og:image" content="{{ index . 0 | absURL }}"/>
-      <meta property="og:image:alt" content="{{ $.Site.Params.title }}">
+    {{ $images := $.Resources.ByType "image" -}}
+    {{ $featured := $images.GetMatch "*feature*" -}}
+    {{ if not $featured -}}
+      {{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}
+    {{ end -}}
+    {{ with $featured -}}
+      <meta property="og:image" content="{{ $featured.Permalink }}"/>
+    {{ else -}}
+      {{ with $.Site.Params.images -}}
+        <meta property="og:image" content="{{ index . 0 | absURL }}"/>
+        <meta property="og:image:alt" content="{{ $.Site.Params.title }}">
+      {{ end -}}
     {{ end -}}
   {{ end -}}
-{{ end -}}
+{{ end }}
 
 {{ with $.Site.Params.images -}}
   {{ $.Scratch.Set "primaryImage" (index . 0 | absURL) -}}

diff --git a/layouts/partials/head/twitter_cards.html b/layouts/partials/head/twitter_cards.html
@@ -3,22 +3,27 @@
 <meta name="twitter:creator" content="{{ .Site.Params.twitterCreator }}">
 <meta name="twitter:title" content="{{ .Title }}">
 <meta name="twitter:description" content="{{ .Description }}">
-{{ with $.Params.images -}}
-  <meta name="twitter:image" content="{{ $.Permalink }}{{ index . 0 }}">
-{{ else -}}
-  {{ $images := $.Resources.ByType "image" -}}
-  {{ $featured := $images.GetMatch "*feature*" -}}
-  {{ if not $featured -}}
-    {{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" -}}
-  {{ end -}}
-  {{ with $featured -}}
-    <meta name="twitter:image" content="{{ $featured.Permalink }}">
+{{ with .Params.image }}
+  <meta name="twitter:image" content="{{ $.Permalink }}{{ . }}">
+{{ else }}
+  {{ with $.Params.images -}}
+    <meta name="twitter:image" content="{{ $.Permalink }}{{ index . 0 }}">
   {{ else -}}
-    {{ with $.Site.Params.images -}}
-      <meta name="twitter:image" content="{{ index . 0 | absURL }}">
+    {{ $images := $.Resources.ByType "image" -}}
+    {{ $featured := $images.GetMatch "*feature*" -}}
+    {{ if not $featured -}}
+      {{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" -}}
+    {{ end -}}
+    {{ with $featured -}}
+      <meta name="twitter:image" content="{{ $featured.Permalink }}">
     {{ else -}}
-      <meta name="twitter:card" content="summary">
+      {{ with $.Site.Params.images -}}
+        <meta name="twitter:image" content="{{ index . 0 | absURL }}">
+      {{ else -}}
+        <meta name="twitter:card" content="summary">
+      {{ end -}}
     {{ end -}}
   {{ end -}}
 {{ end -}}
+
 <meta name="twitter:image:alt" content="{{ .Title }}">