feat: add minified RSS

functions/_middleware.ts

@@ -55,7 +55,7 @@ async function trackFeeds(request: Request) {
 export const onRequestGet: PagesFunction = (context) => {
   const { request } = context;
 
-  if (/\/feed\.(?:xml|atom|json)\/*$/.test(new URL(request.url).pathname)) {
+  if (/\/feed(?:\.min)?\.(?:xml|atom|json)\/*$/.test(new URL(request.url).pathname)) {
     context.waitUntil(trackFeeds(request));
   }
 

src/app.ts

@@ -83,6 +83,24 @@ export default defineApp({
           href: '/feed.json',
           title: `JSON Feed - ${site.title}`,
         },
+        {
+          rel: 'alternate',
+          type: 'application/rss+xml',
+          href: '/feed.min.xml',
+          title: `RSS Feed (no full text) - ${site.title}`,
+        },
+        {
+          rel: 'alternate',
+          type: 'application/atom+xml',
+          href: '/feed.min.atom',
+          title: `Atom Feed (no full text) - ${site.title}`,
+        },
+        {
+          rel: 'alternate',
+          type: 'application/json',
+          href: '/feed.min.json',
+          title: `JSON Feed (no full text) - ${site.title}`,
+        },
         { rel: 'dns-prefetch', href: 'https://plausible.ouuan.moe' },
         { rel: 'preconnect', href: 'https://blog-visitor-count.ouuan.moe' },
         { rel: 'stylesheet', href: '/vendors/katex/katex.css' },

src/composables/useFeed.ts

@@ -6,7 +6,7 @@ import { useCopyrightYearString } from './useCopyrightYear';
 import { usePosts } from './usePosts';
 import { useTagFilter } from './useTags';
 
-export default function useFeed(tag?: string) {
+export default function useFeed({ tag, min }: { tag?: string, min?: boolean } = {}) {
   const { site } = usePage();
   const {
     author,
@@ -17,7 +17,10 @@ export default function useFeed(tag?: string) {
   } = site;
   const yearString = useCopyrightYearString();
 
-  const link = tag ? new URL(`/tag/${tag}`, url).href : url;
+  const tagPath = tag ? `/tag/${tag}` : '';
+  const minSuffix = min ? '.min' : '';
+
+  const link = new URL(tagPath, url).href;
 
   const options: FeedOptions = {
     title: tag ? `${title}: 标签: ${tag}` : title,
@@ -29,9 +32,9 @@ export default function useFeed(tag?: string) {
     copyright: `Copyright © ${yearString} ${site.author}
 Licensed under CC BY-SA 4.0`,
     feedLinks: {
-      atom: new URL(`${tag ? `/tag/${tag}` : ''}/feed.atom`, url).href,
-      rss: new URL(`${tag ? `/tag/${tag}` : ''}/feed.xml`, url).href,
-      json: new URL(`${tag ? `/tag/${tag}` : ''}/feed.json`, url).href,
+      atom: new URL(`${tagPath}/feed${minSuffix}.atom`, url).href,
+      rss: new URL(`${tagPath}/feed${minSuffix}.xml`, url).href,
+      json: new URL(`${tagPath}/feed${minSuffix}.json`, url).href,
     },
     author: {
       name: author,
@@ -42,6 +45,7 @@ Licensed under CC BY-SA 4.0`,
   const items = usePosts({
     filter: tag ? useTagFilter(tag) : () => true,
     pageIndex: 1,
+    perPage: min ? 5 : undefined,
   }).value.map<FeedItem>((post) => {
     let category: FeedItem['category'];
     if (Array.isArray(post.frontmatter.tags)) {
@@ -58,9 +62,9 @@ Licensed under CC BY-SA 4.0`,
       id: new URL(post.href, url).href,
       link: new URL(post.href, url).href,
       description: h(post, { excerpt: true }),
-      content: post,
       date: post.frontmatter.published,
       category,
+      ...(min ? {} : { content: post }),
     };
   }).sort((lhs, rhs) => rhs.date.valueOf() - lhs.date.valueOf());
 

src/pages/feed.vue

@@ -15,18 +15,25 @@ import useFeed from '~/composables/useFeed';
 
 export default definePageComponent({
   getStaticPaths() {
-    return ['rss', 'atom', 'json'].map((format) => ({
-      params: { filename: format === 'rss' ? 'feed.xml' : `feed.${format}` },
-      props: { format },
-    }));
+    return ['rss', 'atom', 'json'].flatMap(
+      (format) => [true, false].map((min) => {
+        const suffix = format === 'rss' ? 'xml' : format;
+        const filename = min ? `feed.min.${suffix}` : `feed.${suffix}`;
+        return {
+          params: { filename },
+          props: { format, min },
+        };
+      }),
+    );
   },
 });
 </script>
 
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
   format: 'rss' | 'atom' | 'json';
+  min: boolean;
 }>();
 
-const { options, items } = useFeed();
+const { options, items } = useFeed(props);
 </script>

src/pages/tag/[tag].vue

@@ -57,6 +57,24 @@ useHead({
       href: `/tag/${props.tag}/feed.json`,
       title: `JSON Feed - ${title}`,
     },
+    {
+      rel: 'alternate',
+      type: 'application/rss+xml',
+      href: `/tag/${props.tag}/feed.min.xml`,
+      title: `RSS Feed (no full text) - ${title}`,
+    },
+    {
+      rel: 'alternate',
+      type: 'application/atom+xml',
+      href: `/tag/${props.tag}/feed.min.atom`,
+      title: `Atom Feed (no full text) - ${title}`,
+    },
+    {
+      rel: 'alternate',
+      type: 'application/json',
+      href: `/tag/${props.tag}/feed.min.json`,
+      title: `JSON Feed (no full text) - ${title}`,
+    },
   ],
 });
 </script>

src/pages/tag/[tag]/feed.vue

@@ -18,10 +18,18 @@ const tags = useTags();
 
 export default definePageComponent({
   getStaticPaths() {
-    return ['rss', 'atom', 'json'].flatMap((format) => tags.value.map((tag) => ({
-      params: { tag, filename: format === 'rss' ? 'feed.xml' : `feed.${format}` },
-      props: { tag, format },
-    })));
+    return ['rss', 'atom', 'json'].flatMap(
+      (format) => [true, false].flatMap(
+        (min) => tags.value.map((tag) => {
+          const suffix = format === 'rss' ? 'xml' : format;
+          const filename = min ? `feed.min.${suffix}` : `feed.${suffix}`;
+          return {
+            params: { tag, filename },
+            props: { tag, format, min },
+          };
+        }),
+      ),
+    );
   },
 });
 </script>
@@ -30,7 +38,8 @@ export default definePageComponent({
 const props = defineProps<{
   tag: string;
   format: 'rss' | 'atom' | 'json';
+  min: boolean;
 }>();
 
-const { options, items } = useFeed(props.tag);
+const { options, items } = useFeed(props);
 </script>