@hutusi/amytis 1.12.0 → 1.14.0

package/src/components/MarkdownRenderer.tsx

@@ -164,22 +164,24 @@ export default function MarkdownRenderer({ content, latex = false, slug, slugReg
   return (
     <>
     {latex && <KatexStyles />}
-    <div className="prose prose-lg max-w-none min-w-0 overflow-x-hidden text-foreground
-          prose-headings:font-serif prose-headings:text-heading 
-          prose-p:text-foreground prose-p:leading-loose
-          prose-strong:text-heading prose-strong:font-semibold
-          prose-code:bg-muted/15 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:border prose-code:border-muted/20 prose-code:text-[0.9em] prose-code:font-medium
-          prose-code:before:content-none prose-code:after:content-none
-          prose-blockquote:italic
-          prose-th:text-heading prose-td:text-foreground
-          dark:prose-invert">
-      <ReactMarkdown
-        remarkPlugins={remarkPlugins}
-        rehypePlugins={rehypePlugins}
-        components={allComponents}
-      >
-        {content}
-      </ReactMarkdown>
+    <div className="bg-background"> {/* Explicit background for better copy-paste fidelity */}
+      <div className="prose prose-lg max-w-none min-w-0 overflow-x-hidden text-foreground
+            prose-headings:font-serif prose-headings:text-heading 
+            prose-p:text-foreground prose-p:leading-loose
+            prose-strong:text-heading prose-strong:font-semibold
+            prose-code:bg-muted/15 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded-md prose-code:border prose-code:border-muted/20 prose-code:text-[0.9em] prose-code:font-medium
+            prose-code:before:content-none prose-code:after:content-none
+            prose-blockquote:italic
+            prose-th:text-heading prose-td:text-foreground
+            dark:prose-invert">
+        <ReactMarkdown
+          remarkPlugins={remarkPlugins}
+          rehypePlugins={rehypePlugins}
+          components={allComponents}
+        >
+          {content}
+        </ReactMarkdown>
+      </div>
     </div>
     </>
   );

package/src/components/Navbar.tsx

@@ -91,7 +91,7 @@ export default function Navbar({ seriesList = [], booksList = [] }: NavbarProps)
   }, [isMenuOpen]);
 
   return (
-    <nav className={`fixed top-0 left-0 w-full z-50 border-b transition-all duration-300 ${
+    <nav className={`fixed top-0 left-0 w-full z-50 border-b transition-all duration-300 select-none ${
       isScrolled
         ? 'border-muted/10 bg-background/90 backdrop-blur-md shadow-sm'
         : 'border-transparent bg-transparent'

package/src/components/PostList.tsx

@@ -37,64 +37,48 @@ export default function PostList({
           />
 
           {/* Content card */}
-          <div className="rounded-2xl border border-muted/20 bg-muted/5 overflow-hidden transition-all duration-300 group-hover:border-accent/30 group-hover:bg-muted/10 group-hover:shadow-lg group-hover:shadow-accent/5">
-            <div className="flex flex-col sm:flex-row">
+          <div className="rounded-2xl border border-muted/20 bg-muted/5 overflow-hidden transition-all duration-300 group-hover:border-accent/30 group-hover:bg-muted/10 group-hover:shadow-lg group-hover:shadow-accent/5 h-32 sm:h-auto">
+            <div className="flex flex-row h-full">
               {/* Thumbnail */}
-              <div className="relative w-full sm:w-48 h-40 sm:h-auto flex-shrink-0 overflow-hidden bg-muted/10">
-                <CoverImage
-                  src={post.coverImage}
-                  title={post.title}
-                  slug={post.slug}
-                  className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
-                />
-                {/* Draft badge on mobile */}
-                {post.draft && (
-                  <div className="absolute top-3 left-3 text-[10px] font-bold text-red-500 bg-red-100 dark:bg-red-900/30 px-2 py-0.5 rounded tracking-wider">
-                    DRAFT
-                  </div>
-                )}
+              <div className="relative w-32 sm:w-48 flex-shrink-0 overflow-hidden bg-muted/10">
+                <Link href={getPostUrl(post)} className="relative z-10 block h-full w-full" tabIndex={-1} aria-hidden>
+                  <CoverImage
+                    src={post.coverImage}
+                    title={post.title}
+                    slug={post.slug}
+                    className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                  />
+                </Link>
               </div>
 
               {/* Content */}
-              <div className="flex-1 p-5 sm:p-6 flex flex-col overflow-hidden">
+              <div className="flex-1 p-4 sm:p-6 flex flex-col overflow-hidden">
                 {/* Meta info */}
-                <div className="flex items-center gap-x-2 text-xs font-mono text-muted mb-3 overflow-hidden">
+                <div className="flex items-center gap-x-2 text-xs font-mono text-muted mb-2 sm:mb-3 overflow-hidden">
                   {post.category && (
                     <>
-                      <span className="text-accent uppercase tracking-wider truncate min-w-0">{post.category}</span>
-                      <span className="shrink-0">•</span>
+                      <span className="text-accent uppercase tracking-wider truncate max-w-[4rem]">{post.category}</span>
+                      <span className="shrink-0">·</span>
                     </>
                   )}
-                  <span className="shrink-0 whitespace-nowrap">{post.readingTime}</span>
-                  <span className="shrink-0">•</span>
+                  <span className="shrink-0 hidden sm:inline">{post.readingTime}</span>
+                  <span className="shrink-0 hidden sm:inline">·</span>
                   <span className="shrink-0 whitespace-nowrap">{post.date}</span>
                   {post.draft && (
-                    <span className="hidden sm:inline text-[10px] font-bold text-red-500 bg-red-100 dark:bg-red-900/30 px-1.5 py-0.5 rounded tracking-wider">
+                    <span className="text-[10px] font-bold text-red-500 bg-red-100 dark:bg-red-900/30 px-1.5 py-0.5 rounded tracking-wider">
                       DRAFT
                     </span>
                   )}
                 </div>
 
                 {/* Title */}
-                <h3 className="font-serif text-xl font-bold text-heading mb-2 leading-snug group-hover:text-accent transition-colors line-clamp-2">
+                <h3 className="font-serif text-base sm:text-xl font-bold text-heading mb-1 sm:mb-2 leading-snug group-hover:text-accent transition-colors line-clamp-2">
                   {post.title}
                 </h3>
 
-                {/* Series indicator */}
-                {post.series && post.seriesTitle && (
-                  <p className="text-xs text-muted mb-2">
-                    <Link
-                      href={`/series/${post.series}`}
-                      className="relative z-10 hover:text-accent transition-colors no-underline"
-                    >
-                      {t('series')}: {post.seriesTitle}
-                    </Link>
-                  </p>
-                )}
-
                 {/* Excerpt */}
                 {showExcerpt && (post.subtitle || post.excerpt) && (
-                  <p className={`text-sm text-muted leading-relaxed ${excerptLines === 1 ? 'line-clamp-1' : 'line-clamp-2 mb-4'}`}>
+                  <p className={`text-xs sm:text-sm text-muted leading-relaxed ${excerptLines === 1 ? 'line-clamp-1' : 'line-clamp-2 sm:mb-4'}`}>
                     {post.subtitle || post.excerpt}
                   </p>
                 )}

package/src/components/PostSidebar.tsx

@@ -73,7 +73,7 @@ export default function PostSidebar({ seriesSlug, seriesTitle, posts, collection
     <aside
       ref={sidebarRef}
       data-testid="post-sidebar"
-      className="hidden lg:block sticky top-20 self-start w-[280px] max-h-[calc(100vh-6rem)] overflow-y-auto pr-4 scrollbar-hide hover:scrollbar-thin"
+      className="hidden lg:block sticky top-20 self-start w-[280px] max-h-[calc(100vh-6rem)] overflow-y-auto pr-4 scrollbar-hide hover:scrollbar-thin select-none"
     >
       {/* TOC — always at top */}
       <TocPanel

package/src/components/RecentNotesSection.tsx

@@ -6,6 +6,7 @@ import { useLanguage } from './LanguageProvider';
 export interface RecentNoteItem {
   slug: string;
   date: string;
+  title?: string;
   excerpt: string;
 }
 
@@ -36,6 +37,9 @@ export default function RecentNotesSection({ notes }: RecentNotesSectionProps) {
             <div className="absolute -left-[5px] top-1.5 w-2 h-2 rounded-full bg-accent" />
             <Link href={`/flows/${note.slug}`} className="no-underline group">
               <time className="text-sm font-mono text-accent group-hover:text-accent/70 transition-colors">{note.date}</time>
+              {note.title && note.title !== note.date && (
+                <h3 className="mt-0.5 text-sm font-semibold text-heading group-hover:text-accent transition-colors">{note.title}</h3>
+              )}
             </Link>
             {note.excerpt && (
               <p className="mt-1.5 text-sm text-muted line-clamp-2">{note.excerpt}</p>

package/src/components/SelectedBooksSection.tsx

@@ -1,9 +1,12 @@
 'use client';
 
+import { useState, useCallback } from 'react';
 import Link from 'next/link';
 import CoverImage from './CoverImage';
+import HorizontalScroll from './HorizontalScroll';
 import { useLanguage } from './LanguageProvider';
-import { getBooksListUrl, getBookUrl } from '@/lib/urls';
+import { shuffle, shuffleSeeded } from '@/lib/shuffle';
+import { getBooksListUrl, getBookUrl, getBookChapterUrl } from '@/lib/urls';
 
 export interface BookItem {
   slug: string;
@@ -22,36 +25,70 @@ interface SelectedBooksSectionProps {
 
 export default function SelectedBooksSection({ books, maxItems = 4 }: SelectedBooksSectionProps) {
   const { t } = useLanguage();
-  const displayed = books.slice(0, maxItems);
+  const [displayed, setDisplayed] = useState(() => {
+    const dailySeed = Math.floor(Date.now() / 86400000);
+    return shuffleSeeded(books, dailySeed).slice(0, maxItems);
+  });
 
-  if (displayed.length === 0) return null;
+  const handleShuffle = useCallback(() => {
+    setDisplayed(shuffle(books).slice(0, maxItems));
+  }, [books, maxItems]);
+
+  if (books.length === 0) return null;
 
   return (
     <section id="featured-books" className="mb-12 sm:mb-24">
       <div className="flex items-center justify-between mb-8">
         <h2 className="text-2xl sm:text-3xl font-serif font-bold text-heading">{t('selected_books')}</h2>
-        <Link href={getBooksListUrl()} className="text-sm text-muted hover:text-accent transition-colors no-underline">
-          {t('all_books')} →
-        </Link>
+        <div className="flex items-center gap-4">
+          {books.length > maxItems && (
+            <button
+              onClick={handleShuffle}
+              className="rounded-sm text-sm text-muted transition-colors hover:text-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 focus-visible:ring-offset-2"
+              aria-label={t('shuffle_books')}
+              title={t('shuffle_books')}
+            >
+              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={1.5}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M16 3h5v5M4 20L21 3M21 16v5h-5M15 15l6 6M4 4l5 5" />
+              </svg>
+            </button>
+          )}
+          <Link href={getBooksListUrl()} className="text-sm text-muted hover:text-accent transition-colors no-underline">
+            {t('all_books')} →
+          </Link>
+        </div>
       </div>
-      <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
-        {displayed.map(book => (
-          <Link key={book.slug} href={getBookUrl(book.slug)} className="group block no-underline">
-            <div className="card-base h-full group flex flex-col p-0 overflow-hidden">
-              <div className="relative h-48 w-full overflow-hidden bg-muted/10">
+      <HorizontalScroll>
+        <div className={`flex gap-8 ${displayed.length > 1 ? 'pb-4' : ''}`}>
+          {displayed.map((book, idx) => (
+            <div
+              key={book.slug}
+              className={`card-base group flex flex-col p-0 overflow-hidden snap-start ${
+                displayed.length > 1
+                  ? 'w-[85vw] md:w-[calc(50%-1rem)] flex-shrink-0'
+                  : 'flex-1 md:max-w-[calc(50%-1rem)]'
+              }`}
+            >
+              <Link href={getBookUrl(book.slug)} className="relative h-44 w-full overflow-hidden bg-muted/10 block focus:outline-none focus:ring-2 focus:ring-accent/50 focus:ring-inset">
                 <CoverImage
                   src={book.coverImage}
                   title={book.title}
                   slug={book.slug}
-                  className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                  className="h-full w-full object-cover transition-transform duration-700 group-hover:scale-105"
+                  loading={idx === 0 ? 'eager' : undefined}
                 />
-              </div>
+                <div className="absolute inset-0 bg-black/10 group-hover:bg-transparent transition-colors duration-500" />
+              </Link>
               <div className="p-6 flex flex-col flex-1">
-                <span className="badge-accent self-start">
-                  {book.chapterCount} {t('chapters_count')}
-                </span>
-                <h3 className="mb-3 font-serif text-xl font-bold text-heading group-hover:text-accent transition-colors line-clamp-2">
-                  {book.title}
+                <div className="mb-4">
+                  <span className="badge-accent">
+                    {book.chapterCount} {t('chapters_count')}
+                  </span>
+                </div>
+                <h3 className="mb-2 font-serif text-2xl font-bold text-heading group-hover:text-accent transition-colors line-clamp-2">
+                  <Link href={getBookUrl(book.slug)} className="no-underline focus:outline-none focus:text-accent">
+                    {book.title}
+                  </Link>
                 </h3>
                 {book.authors.length > 0 && (
                   <p className="text-xs text-muted mb-3">
@@ -59,25 +96,28 @@ export default function SelectedBooksSection({ books, maxItems = 4 }: SelectedBo
                   </p>
                 )}
                 {book.excerpt && (
-                  <p className="text-muted font-serif italic leading-relaxed line-clamp-3 text-sm mb-4">
+                  <p className="mb-6 text-muted font-serif italic line-clamp-2 text-base">
                     {book.excerpt}
                   </p>
                 )}
                 {book.firstChapter && (
-                  <div className="mt-auto pt-4 border-t border-muted/10">
-                    <span className="text-sm font-sans font-bold text-accent flex items-center gap-1.5">
+                  <div className="mt-auto pt-6 border-t border-muted/10">
+                    <Link
+                      href={getBookChapterUrl(book.slug, book.firstChapter)}
+                      className="text-sm font-sans font-bold text-accent flex items-center gap-1.5 no-underline hover:gap-2.5 transition-all"
+                    >
                       {t('start_reading')}
                       <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                         <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
                       </svg>
-                    </span>
+                    </Link>
                   </div>
                 )}
               </div>
             </div>
-          </Link>
-        ))}
-      </div>
+          ))}
+        </div>
+      </HorizontalScroll>
     </section>
   );
 }

package/src/components/SeriesCatalog.tsx

@@ -46,14 +46,16 @@ export default function SeriesCatalog({ posts, startIndex = 0, totalPosts, colle
                 <div className="flex flex-col sm:flex-row">
                   {/* Thumbnail */}
                   <div className="relative w-full sm:w-48 h-40 sm:h-auto flex-shrink-0 overflow-hidden bg-muted/10">
-                    <CoverImage
-                      src={post.coverImage}
-                      title={post.title}
-                      slug={post.slug}
-                      className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
-                    />
+                    <Link href={postHref(post)} className="relative z-10 block h-full w-full" tabIndex={-1} aria-hidden>
+                      <CoverImage
+                        src={post.coverImage}
+                        title={post.title}
+                        slug={post.slug}
+                        className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                      />
+                    </Link>
                     {/* Mobile number badge */}
-                    <div className="absolute top-3 left-3 md:hidden flex h-8 w-8 items-center justify-center rounded-full bg-background/90 backdrop-blur border border-muted/20">
+                    <div className="absolute top-3 left-3 z-10 md:hidden flex h-8 w-8 items-center justify-center rounded-full bg-background/90 backdrop-blur border border-muted/20">
                       <span className="text-xs font-mono font-bold text-muted">
                         {padNumber(startIndex + index + 1)}
                       </span>

package/src/i18n/translations.ts

@@ -42,6 +42,7 @@ export const translations = {
     series_default_excerpt: "A growing collection of related thoughts.",
     shuffle_series: "Shuffle series",
     shuffle_posts: "Shuffle featured stories",
+    shuffle_books: "Shuffle books",
     books_subtitle: "{count} long-form books and structured guides.",
     books_subtitle_one: "1 long-form book and structured guide.",
     tags_subtitle: "{count} topics spanning all articles and notes.",
@@ -187,6 +188,7 @@ export const translations = {
     series_default_excerpt: "一个持续更新的文章合集。",
     shuffle_series: "随机排列系列",
     shuffle_posts: "随机排列精选文章",
+    shuffle_books: "随机排列书籍",
     books_subtitle: "共 {count} 部长篇书籍与结构化指南。",
     books_subtitle_one: "1 部长篇书籍与结构化指南。",
     tags_subtitle: "共 {count} 个主题，横跨全部文章与随笔。",

package/src/layouts/PostLayout.tsx

@@ -136,7 +136,7 @@ export default function PostLayout({ post, relatedPosts, seriesPosts, seriesTitl
             </div>
           )}
 
-          <MarkdownRenderer content={post.content} latex={post.latex} slug={`posts/${post.slug}`} slugRegistry={slugRegistry} />
+          <MarkdownRenderer content={post.content} latex={post.latex} slug={post.imageBaseSlug} slugRegistry={slugRegistry} />
 
           {siteConfig.posts?.authors?.showAuthorCard !== false && (
             <AuthorCard authors={post.authors} />

package/src/layouts/SimpleLayout.tsx

@@ -40,16 +40,16 @@ export default function SimpleLayout({ post, titleKey, subtitleKey }: SimpleLayo
       {localeEntries.length > 0 ? (
         <LocaleSwitch>
           <div data-locale={defaultLocale}>
-            <MarkdownRenderer content={post.content} latex={post.latex} slug={`posts/${post.slug}`} />
+            <MarkdownRenderer content={post.content} latex={post.latex} slug={post.imageBaseSlug} />
           </div>
           {localeEntries.map(([locale, data]) => (
             <div key={locale} data-locale={locale} style={{ display: 'none' }}>
-              <MarkdownRenderer content={data.content} latex={post.latex} slug={`posts/${post.slug}`} />
+              <MarkdownRenderer content={data.content} latex={post.latex} slug={post.imageBaseSlug} />
             </div>
           ))}
         </LocaleSwitch>
       ) : (
-        <MarkdownRenderer content={post.content} latex={post.latex} slug={`posts/${post.slug}`} />
+        <MarkdownRenderer content={post.content} latex={post.latex} slug={post.imageBaseSlug} />
       )}
     </>
   );

package/src/lib/feed-utils.ts

@@ -7,6 +7,7 @@ import rehypeStringify from 'rehype-stringify';
 import { getAllPosts, getAllFlows } from './markdown';
 import { siteConfig } from '../../site.config';
 import { getPostUrl, getFlowUrl } from './urls';
+import { resolveLocale } from './i18n';
 
 export interface FeedItem {
   title: string;
@@ -30,39 +31,178 @@ function markdownToHtml(markdown: string): string {
   return String(result);
 }
 
+export type FeedType = 'main' | 'posts' | 'flows' | 'all';
+
 /**
  * Returns feed items for RSS/Atom generation.
- * Includes all published posts (converted to HTML) and optionally flow notes
- * when `siteConfig.feed.includeFlows` is enabled. Results are sorted by date
- * descending and capped at `siteConfig.feed.maxItems` (0 = unlimited).
+ * - 'main': Respects `siteConfig.feed.includeFlows`
+ * - 'posts': Only posts
+ * - 'flows': Only flows
+ * - 'all': Both posts and flows, ignoring `includeFlows`
  */
-export function getFeedItems(): FeedItem[] {
+export function getFeedItems(feedType: FeedType = 'main', includeFullContent: boolean = false): FeedItem[] {
   const { maxItems, includeFlows } = siteConfig.feed;
   const baseUrl = siteConfig.baseUrl.replace(/\/+$/, '');
 
-  const postItems: FeedItem[] = getAllPosts().map((post) => ({
+  let items: FeedItem[] = [];
+
+  const getPostItems = () => getAllPosts().map((post) => ({
     title: post.title,
     url: `${baseUrl}${getPostUrl(post)}`,
     date: new Date(post.date),
     excerpt: post.excerpt,
-    content: markdownToHtml(post.content),
+    content: includeFullContent ? markdownToHtml(post.content) : '',
     tags: post.tags || [],
     authors: post.authors,
   }));
 
-  let items: FeedItem[] = postItems;
-
-  if (includeFlows) {
-    const flowItems: FeedItem[] = getAllFlows().map((flow) => ({
-      title: flow.title,
-      url: `${baseUrl}${getFlowUrl(flow.slug)}`,
-      date: new Date(flow.date),
-      excerpt: flow.excerpt,
-      content: markdownToHtml(flow.content),
-      tags: flow.tags || [],
-    }));
-    items = [...postItems, ...flowItems].sort((a, b) => b.date.getTime() - a.date.getTime());
+  const getFlowItems = () => getAllFlows().map((flow) => ({
+    title: flow.title,
+    url: `${baseUrl}${getFlowUrl(flow.slug)}`,
+    date: new Date(flow.date),
+    excerpt: flow.excerpt,
+    content: includeFullContent ? markdownToHtml(flow.content) : '',
+    tags: flow.tags || [],
+  }));
+
+  if (feedType === 'posts') {
+    items = getPostItems();
+  } else if (feedType === 'flows') {
+    items = getFlowItems();
+  } else if (feedType === 'all') {
+    items = [...getPostItems(), ...getFlowItems()];
+  } else {
+    // main
+    items = includeFlows ? [...getPostItems(), ...getFlowItems()] : getPostItems();
   }
 
+  // Sort descending by date
+  items.sort((a, b) => b.date.getTime() - a.date.getTime());
+
   return maxItems > 0 ? items.slice(0, maxItems) : items;
 }
+
+const escapeXml = (v: string) =>
+  v.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+   .replace(/"/g, '&quot;').replace(/'/g, '&apos;');
+
+const escapeCdata = (v: string) => v.replace(/]]>/g, ']]]]><![CDATA[>');
+
+export function generateRssFeed(feedType: FeedType, selfUrlPath: string): Response {
+  const { format, content: contentMode } = siteConfig.feed;
+  if (format === 'atom') {
+    return new Response('Not Found', { status: 404 });
+  }
+
+  const baseUrl = siteConfig.baseUrl.replace(/\/+$/, '');
+  const useFullContent = contentMode === 'full';
+  const items = getFeedItems(feedType, useFullContent);
+  const contentNs = useFullContent ? ' xmlns:content="http://purl.org/rss/modules/content/"' : '';
+  const siteTitle = resolveLocale(siteConfig.title);
+  const lastBuildDate = items[0]?.date.toUTCString() ?? new Date().toUTCString();
+
+  const selfUrl = `${baseUrl}${selfUrlPath}`;
+
+  const imageXml = siteConfig.ogImage
+    ? `\n    <image>\n      <url>${escapeXml(baseUrl + siteConfig.ogImage)}</url>\n      <title>${escapeXml(siteTitle)}</title>\n      <link>${escapeXml(baseUrl)}</link>\n    </image>`
+    : '';
+
+  const rssItemsXml = items
+    .map((item) => {
+      const fullContentXml = useFullContent
+        ? `\n          <content:encoded><![CDATA[${escapeCdata(item.content)}]]></content:encoded>`
+        : '';
+      const authorsXml = item.authors?.length
+        ? item.authors.map((a) => `\n          <dc:creator><![CDATA[${escapeCdata(a)}]]></dc:creator>`).join('')
+        : '';
+      return `
+        <item>
+          <title><![CDATA[${escapeCdata(item.title)}]]></title>
+          <link>${escapeXml(item.url)}</link>
+          <guid isPermaLink="true">${escapeXml(item.url)}</guid>
+          <pubDate>${item.date.toUTCString()}</pubDate>
+          <description><![CDATA[${escapeCdata(item.excerpt)}]]></description>${fullContentXml}${authorsXml}
+          ${item.tags.map((tag) => `<category><![CDATA[${escapeCdata(tag)}]]></category>`).join('')}
+        </item>`;
+    })
+    .join('');
+
+  const rssXml = `<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/"${contentNs}>
+  <channel>
+    <title><![CDATA[${escapeCdata(siteTitle)}]]></title>
+    <link>${escapeXml(baseUrl)}</link>
+    <description><![CDATA[${escapeCdata(resolveLocale(siteConfig.description))}]]></description>
+    <language>${siteConfig.i18n.defaultLocale}</language>
+    <lastBuildDate>${lastBuildDate}</lastBuildDate>
+    <atom:link href="${escapeXml(selfUrl)}" rel="self" type="application/rss+xml" />${imageXml}
+    ${rssItemsXml}
+  </channel>
+</rss>`;
+
+  return new Response(rssXml, {
+    headers: {
+      'Content-Type': 'application/rss+xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+    },
+  });
+}
+
+export function generateAtomFeed(feedType: FeedType, selfUrlPath: string): Response {
+  const { format, content: contentMode } = siteConfig.feed;
+  if (format === 'rss') {
+    return new Response('Not Found', { status: 404 });
+  }
+
+  const baseUrl = siteConfig.baseUrl.replace(/\/+$/, '');
+  const useFullContent = contentMode === 'full';
+  const items = getFeedItems(feedType, useFullContent);
+  const feedUpdated = items[0]?.date.toISOString() ?? new Date().toISOString();
+
+  const selfUrl = `${baseUrl}${selfUrlPath}`;
+
+  const hasAllAuthors = items.every(item => item.authors && item.authors.length > 0);
+  const siteTitle = resolveLocale(siteConfig.title);
+  const defaultAuthor = siteConfig.posts?.authors?.default?.[0];
+  const feedAuthorName = defaultAuthor ? defaultAuthor : siteTitle;
+  const feedAuthorXml = hasAllAuthors ? '' : `\n  <author><name>${escapeXml(feedAuthorName)}</name></author>`;
+
+  const entriesXml = items
+    .map((item) => {
+      const contentXml = useFullContent
+        ? `<content type="html"><![CDATA[${escapeCdata(item.content)}]]></content>\n    <summary><![CDATA[${escapeCdata(item.excerpt)}]]></summary>`
+        : `<summary><![CDATA[${escapeCdata(item.excerpt)}]]></summary>`;
+      const authorsXml = item.authors?.map((a) => `<author><name>${escapeXml(a)}</name></author>`).join('') ?? '';
+      const categoriesXml = item.tags.map((tag) => `<category term="${escapeXml(tag)}" />`).join('');
+      return `
+  <entry>
+    <title><![CDATA[${escapeCdata(item.title)}]]></title>
+    <link href="${escapeXml(item.url)}" />
+    <id>${escapeXml(item.url)}</id>
+    <published>${item.date.toISOString()}</published>
+    <updated>${item.date.toISOString()}</updated>
+    ${contentXml}
+    ${authorsXml}
+    ${categoriesXml}
+  </entry>`;
+    })
+    .join('');
+
+  const atomXml = `<?xml version="1.0" encoding="UTF-8" ?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+  <title><![CDATA[${escapeCdata(resolveLocale(siteConfig.title))}]]></title>
+  <link href="${escapeXml(baseUrl)}" />
+  <link href="${escapeXml(selfUrl)}" rel="self" type="application/atom+xml" />
+  <id>${escapeXml(selfUrl)}</id>
+  <updated>${feedUpdated}</updated>
+  <subtitle><![CDATA[${escapeCdata(resolveLocale(siteConfig.description))}]]></subtitle>${feedAuthorXml}
+${entriesXml}
+</feed>`;
+
+  return new Response(atomXml, {
+    headers: {
+      'Content-Type': 'application/atom+xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=3600',
+    },
+  });
+}