fix: replace RSS feed scheme with feed on Safari only

razonyang · razonyang · commit 459a9f4031bb · 2024-12-27T21:19:25.000+08:00
diff --git a/assets/hb/modules/socials/js/index.ts b/assets/hb/modules/socials/js/index.ts
@@ -0,0 +1,14 @@
+export const isSafari = (): boolean => {
+  const ua = navigator.userAgent.toLowerCase();
+  return ua.indexOf("safari") !== -1 && ua.indexOf("chrome") === -1;
+};
+
+(() => {
+  if (isSafari()) {
+    document
+      .querySelectorAll<HTMLLinkElement>("a[data-rss-feed]")
+      .forEach((link) => {
+        link.href = "feed:" + link.href;
+      });
+  }
+})()
diff --git a/layouts/partials/hb/modules/socials/link.html b/layouts/partials/hb/modules/socials/link.html
@@ -63,7 +63,7 @@
       {{- $url = printf .url $.id }}
     {{- else if eq $.name "rss" }}
       {{- with site.Home.OutputFormats.Get "rss" }}
-        {{- $url = .Permalink | printf "feed:%s" }}
+        {{- $url = .Permalink }}
       {{- end }}
     {{- end }}
   {{- end }}
@@ -84,6 +84,7 @@
   {{ printf `href="%s"` $url | safeHTMLAttr }}
   target="_blank"
   rel="nofollow me"
+  {{ if eq .name "rss" }}data-rss-feed{{ end }}
   title="{{ $title }}">
   {{- partial "icons/icon" (dict
     "vendor" $iconVendor
