From 35faec527b9f0dddd2a75f1db2cc4e7974079163 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Wed, 9 Jul 2025 23:39:03 +0800
Subject: [PATCH] refactor(article-link): abstract anchor attributes for making
 article links formattable

---
 layouts/partials/article-link/_external-link.html | 5 +++++
 layouts/partials/article-link/card-related.html   | 6 +-----
 layouts/partials/article-link/card.html           | 6 +-----
 layouts/partials/article-link/simple.html         | 6 +-----
 4 files changed, 8 insertions(+), 15 deletions(-)
 create mode 100644 layouts/partials/article-link/_external-link.html

diff --git a/layouts/partials/article-link/_external-link.html b/layouts/partials/article-link/_external-link.html
new file mode 100644
index 00000000..e3e9980d
--- /dev/null
+++ b/layouts/partials/article-link/_external-link.html
@@ -0,0 +1,5 @@
+{{ with .Params.externalUrl }}
+  href="{{ . }}" target="_blank" rel="external"
+{{ else }}
+  href="{{ .RelPermalink }}"
+{{- end -}}
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index f576763a..41e89f8b 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -1,8 +1,4 @@
-{{ with .Params.externalUrl }}
-<a href="{{ . }}" target="_blank" rel="external" class="min-w-full">
-  {{ else }}
-  <a href="{{ .RelPermalink }}" class="min-w-full">
-    {{ end }}
+<a {{ partial "article-link/_external-link.html" . | safeHTMLAttr }} class="min-w-full">
     <div class="min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
 
       {{- with $.Params.images -}}
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 0ce06e75..97390da8 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -1,8 +1,4 @@
-{{ with .Params.externalUrl }}
-<a href="{{ . }}" target="_blank" rel="external" class="min-w-full">
-  {{ else }}
-  <a href="{{ .RelPermalink }}" class="min-w-full">
-    {{ end }}
+<a {{ partial "article-link/_external-link.html" . | safeHTMLAttr }} class="min-w-full">
     <div class="min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative">
 
       {{- with $.Params.images -}}
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index e56a2afd..269b990b 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -26,11 +26,7 @@
 {{ end }}
 
 
-{{ with .Params.externalUrl }}
-<a class="{{ $articleClasses }}" href="{{ . }}" target="_blank" rel="external">
-  {{ else }}
-  <a class="{{ $articleClasses }}" href="{{ .RelPermalink }}">
-    {{ end }}
+<a class="{{ $articleClasses }}" {{ partial "article-link/_external-link.html" . | safeHTMLAttr }}>
     {{- with $.Params.images -}}
     {{- range first 6 . }}
     <meta property="og:image" content="{{ . | absURL }}" />{{ end -}}