Add rss feed to the website.

Author: HaudinFlorence

docusaurus.config.ts

@@ -20,7 +20,7 @@ const config: Config = {
   organizationName: "/HaudinFlorence/", // Usually your GitHub org/user name.
   projectName: "quantstack.github.io", // Usually your repo name.
 
-  onBrokenLinks: "throw",
+  onBrokenLinks: "warn",
   onBrokenMarkdownLinks: "warn",
   staticDirectories: ["static"],
 
@@ -52,6 +52,7 @@ const config: Config = {
         },
         theme: {
           customCss: "./src/css/custom.css",
+
         },
       } satisfies Preset.Options,
     ],
@@ -61,6 +62,17 @@ const config: Config = {
     // Replace with your project's social card
     //image: 'img/docusaurus-social-card.jpg',
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
+    headTags: [
+      {
+        tagName: 'link',
+        attributes: {
+          rel: 'alternate',
+          type: 'application/rss+xml',
+          title: 'RSS Feed',
+          href: '/rss.xml',
+        },
+      },
+    ],
     navbar: {
       title: "",
       logo: {
@@ -99,13 +111,22 @@ const config: Config = {
           label: "Blog",
           position: "left",
         },
+        {
+          label: 'RSS',
+          href: 'rss.xml',
+          position: 'left',
+          target: '_blank',
+          rel: 'noopener noreferrer',
+        },
         {
           to: "/contact/",
           label: "CONTACT US",
           position: "right",
           className: "contact",
         },
 
+
+
         {
           to: "https://github.com/QuantStack",
           title: "GitHub",

package-lock.json

@@ -48,6 +48,7 @@
     "react-slick": "^0.30.2",
     "reactjs-popup": "^2.0.6",
     "request": "^2.88.2",
+    "rss": "^1.2.2",
     "slick-carousel": "^1.8.1"
   },
   "devDependencies": {

package.json

@@ -0,0 +1,40 @@
+const fs = require('fs');
+const RSS = require('rss');
+const { blogpostsDetails } = require('../src/components/blog/blogpostsDetails.js');
+
+const feed = new RSS({
+    title: 'My Custom Blog',
+    description: 'RSS feed for my custom blog pages',
+    feed_url: 'https://quantstack.net/rss.xml',
+    site_url: 'https://quantstack.net',
+    language: 'en',
+});
+const posts = [];
+blogpostsDetails.forEach(post => {
+    const imagePath = 'https://quantstack.net' + post.image;
+    console.log('imagePath:', imagePath)
+    posts.push({
+        title: post.title,
+        description: post.summary,
+        date: post.date,
+        authors: post.authors,
+        url: post.url,
+        image: post.image,
+        enclosure: {
+            url: 'https://quantstack.net' + post.image,
+            type: 'image/png', // or 'image/png', etc.
+            length: 0, // optional, but required by some validators
+        },
+    })
+})
+
+posts.forEach((post) => {
+    feed.item({
+        title: post.title,
+        description: post.description,
+        url: post.url,
+        date: post.date,
+    });
+});
+
+fs.writeFileSync('../static/rss.xml', feed.xml({ indent: true }));