fix: test new changes in header

Author: Nachichuri

config.toml

@@ -14,6 +14,7 @@ MetaDataFormat = "toml"
   # For link previews use image 1200×630px (1.91:1), ideally under 300KB
   description = "El blog de quienes dan soporte - Sysarmy"
   heroImage = "images/og-image.png"
+  favicon = "images/og-image.png"
 
   # dir name of your blog content (default is `content/posts`).
   # the list of set content will show up on your index page (baseurl).

layouts/partials/head.html

@@ -37,7 +37,8 @@
   sizes="144x144"
   href="{{ "img/apple-touch-icon-144-precomposed.png" | absURL }}"
 />
-<link rel="shortcut icon" href="{{ "img/favicon.png" | absURL }}" />
+{{ $favicon := or .Site.Params.favicon "img/favicon.png" }}
+<link rel="shortcut icon" href="{{ if hasPrefix $favicon "http" }}{{ $favicon }}{{ else }}{{ $favicon | absURL }}{{ end }}" />
 
 <!-- Fonts -->
 <link href="{{ "assets/fonts/Inter-Italic.woff2" | absURL }}" rel="preload" type="font/woff2" as="font" crossorigin="">
@@ -47,8 +48,8 @@
 <link href="{{ "assets/fonts/Inter-Bold.woff2" | absURL }}" rel="preload" type="font/woff2" as="font" crossorigin="">
 <link href="{{ "assets/fonts/Inter-BoldItalic.woff2" | absURL }}" rel="preload" type="font/woff2" as="font" crossorigin="">
 
-<!-- Open Graph / Twitter Card -->
-{{ template "_internal/twitter_cards.html" . }}
+<!-- Open Graph / Twitter Card (partial so OG image URL is built correctly with baseURL subpath) -->
+{{ partial "head_og_twitter.html" . }}
 
 <!-- RSS | JSON -->
 {{ range .AlternativeOutputFormats -}}

layouts/partials/head_og_twitter.html

@@ -0,0 +1,63 @@
+{{/* Build absolute image URL explicitly so OG image works with baseURL subpath (e.g. /blog/). */}}
+{{ $base := strings.TrimSuffix "/" .Site.BaseURL }}
+
+{{ $ogImage := "" }}
+{{ $description := "" }}
+
+{{ if .IsPage }}
+  {{ with .Description }}{{ $description = . }}{{ end }}
+  {{ if not $description }}{{ $description = .Summary | plainify | truncate 200 }}{{ end }}
+  {{ if .Params.socialImage }}
+    {{ $img := .Params.socialImage }}
+    {{ $ogImage = cond (hasPrefix $img "http") $img (printf "%s/%s" $base $img) }}
+  {{ else if .Params.featuredImage }}
+    {{ $img := .Params.featuredImage }}
+    {{ $ogImage = cond (hasPrefix $img "http") $img (printf "%s/%s" $base $img) }}
+  {{ else }}
+    {{ $img := .Site.Params.heroImage | default "images/og-image.png" }}
+    {{ $ogImage = cond (hasPrefix $img "http") $img (printf "%s/%s" $base $img) }}
+  {{ end }}
+{{ else }}
+  {{ $description = .Site.Params.description | default .Site.Params.subtitle | default "El blog de quienes dan soporte - Sysarmy" }}
+  {{ $img := .Site.Params.heroImage | default "images/og-image.png" }}
+  {{ $ogImage = cond (hasPrefix $img "http") $img (printf "%s/%s" $base $img) }}
+{{ end }}
+
+{{ with $description }}<meta name="description" content="{{ . }}">{{ end }}
+<meta name="keywords" content="{{ if .Params.Keywords }}{{ delimit .Params.Keywords ", " }}{{ else if isset .Params "tags" }}{{ range .Params.tags }}{{ . }}, {{ end }}{{ else }}{{ $.Site.Params.Keywords }}{{ end }}">
+
+<meta name="author" content="sysarmy">
+<meta property="fb:admins" content="ajolo" />
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@sysarmy">
+<meta name="twitter:creator" content="@sysarmy">
+
+{{ if .IsPage }}
+  <meta property="og:title" content="El blog de quienes dan soporte - Sysarmy">
+  <meta property="twitter:title" content="El blog de quienes dan soporte - Sysarmy">
+  <meta property="og:type" content="article">
+  <meta property="article:published_time" content="{{ .Date.Format "2006-01-02" }}">
+  <meta property="og:description" content="{{ .Title }}">
+  <meta property="twitter:description" content="{{ .Title }}">
+  <meta name="description" content="{{ $description }}">
+{{ else }}
+  <meta property="og:title" content="{{ .Site.Title }}{{ with .Site.Params.Subtitle }} — {{ . }}{{ end }}">
+  <meta property="twitter:title" content="{{ .Site.Title }}">
+  <meta property="og:type" content="website">
+  <meta property="og:description" content="{{ $description }}">
+  <meta property="twitter:description" content="{{ $description }}">
+  <meta name="description" content="{{ $description }}">
+{{ end }}
+
+<meta property="og:url" content="{{ .Permalink }}">
+<meta property="og:site_name" content="sysarmy">
+<meta property="og:image" content="{{ $ogImage }}">
+<meta name="twitter:image" content="{{ $ogImage }}">
+<meta name="twitter:image:src" content="{{ $ogImage }}">
+<meta property="og:image:alt" content="{{ if .IsPage }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }}">
+
+{{ if .Params.tags }}
+  {{ range .Params.tags }}
+    <meta property="og:tags" content="{{ . }}">
+  {{ end }}
+{{ end }}