gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat: add full text RSS & mdx support (for real)

Browse source
This commit is contained in:
grassblock 2025-05-02 21:20:53 +08:00
parent fcde96f0ab
commit 1cf002b8b8
3 changed files with 604 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

73
src/pages/rss.xml.js
View file

@ -1,18 +1,65 @@
import rss from '@astrojs/rss';
import { getCollection } from 'astro:content';
import { getContainerRenderer as getMDXRenderer } from "@astrojs/mdx";
import rss from "@astrojs/rss";
import { experimental_AstroContainer as AstroContainer } from "astro/container";
import { loadRenderers } from "astro:container";
import { getCollection } from "astro:content";
import { transform, walk } from "ultrahtml";
import sanitize from "ultrahtml/transformers/sanitize";
import { siteConfig } from "../config.js"
// code from https://github.com/delucis/astro-blog-full-text-rss
export async function GET(context) {
const posts = await getCollection('blog');
// Get the URL to prepend to relative site links. Based on `site` in `astro.config.mjs`.
let baseUrl = context.site?.href || "https://terminal-blog.example.com";
if (baseUrl.at(-1) === "/") baseUrl = baseUrl.slice(0, -1);
// Load MDX renderer. Other renderers for UI frameworks (e.g. React, Vue, etc.) would need adding here if you were using those.
const renderers = await loadRenderers([getMDXRenderer()]);
// Create a new Astro container that we can render components with.
// See https://docs.astro.build/en/reference/container-reference/
const container = await AstroContainer.create({ renderers });
// Load the content collection entries to add to our RSS feed.
const posts = (await getCollection("blog")).sort((a, b) =>
// Sort by publication date descending.
a.data.pubDate > b.data.pubDate ? -1 : 1
);
// Loop over blog posts to create feed items for each, including full content.
const feedItems = [];
for (const post of posts) {
// Get the `<Content/>` component for the current post.
const { Content } = await post.render();
// Use the Astro container to render the content to a string.
const rawContent = await container.renderToString(Content);
// Process and sanitize the raw content:
// - Removes `<!DOCTYPE html>` preamble
// - Makes link `href` and image `src` attributes absolute instead of relative
// - Strips any `<script>` and `<style>` tags
// Thanks @Princesseuh — https://github.com/Princesseuh/erika.florist/blob/1827288c14681490fa301400bfd815acb53463e9/src/middleware.ts
const content = await transform(rawContent.replace(/^<!DOCTYPE html>/, ''), [
async (node) => {
await walk(node, (node) => {
if (node.name === "a" && node.attributes.href?.startsWith("/")) {
node.attributes.href = baseUrl + node.attributes.href;
}
if (node.name === "img" && node.attributes.src?.startsWith("/")) {
node.attributes.src = baseUrl + node.attributes.src;
}
});
return node;
},
sanitize({ dropElements: ["script", "style"] }),
]);
feedItems.push({ ...post.data, link: `/blog/${post.slug}/`, content });
}
// Return our RSS feed XML response.
return rss({
title: 'Terminal Blog',
description: 'A random grassblock do some some writing work.',
title: siteConfig.title,
description: siteConfig.description,
site: context.site,
items: posts.map((post) => ({
title: post.data.title,
description: post.data.description,
pubDate: post.data.pubDate,
link: `/blog/${post.slug}/`,
content: post.body,
})),
items: feedItems,
});
}
}