refactor(article-link): unify featured image rendering with MediaType check

This commit is contained in:
ZhenShuo Leo
2025-08-31 16:47:21 +08:00
parent e3194eca1e
commit c8ee5fc657
4 changed files with 16 additions and 40 deletions

View File

@@ -48,18 +48,12 @@
{{ end }} {{ end }}
{{ if $target.Params.hideFeatureImage }}{{ $featured = false }}{{ end }} {{ if $target.Params.hideFeatureImage }}{{ $featured = false }}{{ end }}
{{ with $featured }} {{ with $featured }}
{{ if or $disableImageOptimization (strings.HasSuffix $featured ".svg") }} {{ $featuredURL := .RelPermalink }}
{{ with . }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div> {{ $featuredURL = (.Resize "600x").RelPermalink }}
{{ end }}
{{ else }}
{{ with .Resize "600x" }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{ end }} {{ end }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ $featuredURL }});"></div>
{{ end }} {{ end }}
<div class="{{ $articleInnerClasses }}"> <div class="{{ $articleInnerClasses }}">
<div class="items-center text-start text-xl font-semibold"> <div class="items-center text-start text-xl font-semibold">
{{ with $target.Params.externalUrl }} {{ with $target.Params.externalUrl }}

View File

@@ -17,19 +17,11 @@
{{ with .Site.Params.defaultFeaturedImage }}{{ $featured = resources.Get . }}{{ end }} {{ with .Site.Params.defaultFeaturedImage }}{{ $featured = resources.Get . }}{{ end }}
{{ end }} {{ end }}
{{ with $featured }} {{ with $featured }}
{{ if or $disableImageOptimization (strings.HasSuffix $featured ".svg") }} {{ $featuredURL := .RelPermalink }}
{{ with . }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }}
<div {{ $featuredURL = (.Resize "600x").RelPermalink }}
class="thumbnail_card_related nozoom w-full"
style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{ else }}
{{ with .Resize "600x" }}
<div
class="thumbnail_card_related nozoom w-full"
style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{ end }} {{ end }}
<div class="thumbnail_card_related nozoom w-full" style="background-image:url({{ $featuredURL }});"></div>
{{ end }} {{ end }}
{{ if and .Draft .Site.Params.article.showDraftLabel }} {{ if and .Draft .Site.Params.article.showDraftLabel }}
<span class="absolute top-0 right-0 m-2"> <span class="absolute top-0 right-0 m-2">

View File

@@ -18,15 +18,11 @@
{{ end }} {{ end }}
{{ if .Params.hideFeatureImage }}{{ $featured = false }}{{ end }} {{ if .Params.hideFeatureImage }}{{ $featured = false }}{{ end }}
{{ with $featured }} {{ with $featured }}
{{ if or $disableImageOptimization (strings.HasSuffix $featured ".svg") }} {{ $featuredURL := .RelPermalink }}
{{ with . }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }}
<div class="thumbnail_card nozoom w-full" style="background-image:url({{ .RelPermalink }});"></div> {{ $featuredURL = (.Resize "600x").RelPermalink }}
{{ end }}
{{ else }}
{{ with .Resize "600x" }}
<div class="thumbnail_card nozoom w-full" style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{ end }} {{ end }}
<div class="thumbnail_card nozoom w-full" style="background-image:url({{ $featuredURL }});"></div>
{{ end }} {{ end }}
{{ if and .Draft .Site.Params.article.showDraftLabel }} {{ if and .Draft .Site.Params.article.showDraftLabel }}
<span class="absolute top-0 right-0 m-2"> <span class="absolute top-0 right-0 m-2">

View File

@@ -46,18 +46,12 @@
{{ end }} {{ end }}
{{ if .Params.hideFeatureImage }}{{ $featured = false }}{{ end }} {{ if .Params.hideFeatureImage }}{{ $featured = false }}{{ end }}
{{ with $featured }} {{ with $featured }}
{{ if or $disableImageOptimization (strings.HasSuffix $featured ".svg") }} {{ $featuredURL := .RelPermalink }}
{{ with . }} {{ if not (or $disableImageOptimization (eq .MediaType.SubType "svg")) }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div> {{ $featuredURL = (.Resize "600x").RelPermalink }}
{{ end }}
{{ else }}
{{ with .Resize "600x" }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ .RelPermalink }});"></div>
{{ end }}
{{ end }} {{ end }}
<div class="{{ $articleImageClasses }}" style="background-image:url({{ $featuredURL }});"></div>
{{ end }} {{ end }}
<div class="{{ $articleInnerClasses }}"> <div class="{{ $articleInnerClasses }}">
<div class="items-center text-start text-xl font-semibold"> <div class="items-center text-start text-xl font-semibold">
{{ with .Params.externalUrl }} {{ with .Params.externalUrl }}