Fix RSS callout and feed icons

Author: tw93

public/favicon.ico

@@ -13,7 +13,10 @@ const { icon } = SITE;
 <link rel='dns-prefetch' href='https://giscus.app' />
 <link rel='preconnect' href='https://giscus.app' crossorigin />
 
-<link rel='icon' href={icon} />
+<link rel='icon' href='/favicon.ico' />
+<link rel='icon' type='image/png' sizes='32x32' href='/icon-32.png' />
+<link rel='icon' type='image/png' sizes='144x144' href={icon} />
+<link rel='apple-touch-icon' sizes='144x144' href={icon} />
 <link rel='sitemap' href='/sitemap.xml' />
 <!-- Canonical URL is handled in HeadSEO.astro (included via BaseLayout) -->
 

public/icon-32.png

@@ -9,14 +9,13 @@ const { content = {}, pageURL } = Astro.props;
 const { title: contentTitle, socialImage, description: contentDescription, image } = content;
 
 const pageTitle = contentTitle ? `${title}${contentTitle}` : title;
-const imageSrc = socialImage || siteImage;
+// Check if this is an article page
+const isArticle = contentTitle && content.date;
+const imageSrc = isArticle ? (socialImage || siteImage) : icon;
 const description = contentDescription || siteDescription;
 const preloadImage = image ? `${image}?x-oss-process=image/resize,w_1200/format,webp` : false;
 const canonicalURL = new URL(pageURL, homePage).href;
 
-// Check if this is an article page
-const isArticle = contentTitle && content.date;
-
 // Structured data
 const structuredData = isArticle
   ? {

src/components/HeadCommon.astro

@@ -4,8 +4,9 @@ export const SUPPORT_CALLOUT = {
   link: "https://miaoyan.app/cats.html?name=潮流周刊",
 };
 
-export const renderSupportCalloutForRSS = () => {
-  const { cta, link } = SUPPORT_CALLOUT;
+export const renderSupportCalloutForRSS = (lang: "zh" | "en" = "zh") => {
+  const cta = SUPPORT_CALLOUT[lang];
+  const { link } = SUPPORT_CALLOUT;
   return `
     <hr style="border:none;border-top:0.5px solid rgba(0,0,0,0.08);margin:26px 0 14px;" />
     <p style="text-align:left;margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">