Add optional RSS feed link and icon in footer

Author: stelcodes

src/components/SocialLinks.astro

@@ -88,4 +88,12 @@ const { socialLinks } = Astro.props
       </a>
     )
   }
+  {
+    socialLinks.rss && (
+      <a href="/rss.xml" class="social-link">
+        <span class="sr-only">RSS</span>
+        <Icon name="rss" class="size-7" />
+      </a>
+    )
+  }
 </div>

src/icons/rss.svg

@@ -2,7 +2,7 @@ import type { SiteConfig } from '@types'
 
 const config: SiteConfig = {
   // Absolute URL to the root of your published site, used for generating links and sitemaps.
-  site: 'https://multiterm-astro.stelclementine.com',
+  site: 'https://multiterm.stelclementine.com',
   // The name of your site, used in the title and for SEO.
   title: 'MultiTerm',
   // The description of your site, used for SEO and RSS feed.
@@ -127,6 +127,7 @@ const config: SiteConfig = {
     linkedin: 'https://github.com/stelcodes/multiterm-astro',
     bluesky: 'https://github.com/stelcodes/multiterm-astro',
     twitter: 'https://github.com/stelcodes/multiterm-astro',
+    rss: true, // Set to true to include an RSS feed link in the footer
   },
   // Configuration for Giscus comments.
   // To set up Giscus, follow the instructions at https://giscus.app/

src/site.config.ts

@@ -124,6 +124,7 @@ export type SocialLinks = {
   bluesky?: string
   linkedin?: string
   email?: string
+  rss?: boolean
 }
 
 export type GiscusConfig = {