#3414 webpage: start with plugin migration

Signed-off-by: Patrizio Bekerle <[email protected]>

Author: pbek

webpage/package-lock.json

@@ -16,11 +16,14 @@
   "license": "MIT",
   "devDependencies": {
     "@vuepress/bundler-vite": "next",
+    "@vuepress/plugin-feed": "next",
     "@vuepress/plugin-markdown-chart": "^2.0.0-rc.109",
     "@vuepress/plugin-markdown-container": "^2.0.0-rc.30",
     "@vuepress/plugin-markdown-ext": "^2.0.0-rc.57",
     "@vuepress/plugin-markdown-hint": "^2.0.0-rc.121",
     "@vuepress/plugin-markdown-stylize": "^2.0.0-rc.57",
+    "@vuepress/plugin-seo": "next",
+    "@vuepress/plugin-sitemap": "next",
     "@vuepress/theme-default": "next",
     "glob": "^10.3.10",
     "lodash-es": "^4.17.21",

webpage/package.json

@@ -5,6 +5,9 @@ import { createRequire } from "module";
 import * as utils from "./utils.js";
 import { markdownChartPlugin } from "@vuepress/plugin-markdown-chart";
 import { markdownExtPlugin } from "@vuepress/plugin-markdown-ext";
+import { seoPlugin } from "@vuepress/plugin-seo";
+import { sitemapPlugin } from "@vuepress/plugin-sitemap";
+import { feedPlugin } from "@vuepress/plugin-feed";
 
 const require = createRequire(import.meta.url);
 const { description } = require("../../package.json");
@@ -136,6 +139,50 @@ export default defineUserConfig({
     markdownExtPlugin({
       tasklist: true,
     }),
+    // SEO plugin - https://ecosystem.vuejs.press/plugins/seo/seo/
+    seoPlugin({
+      hostname: "https://www.qownnotes.org",
+      canonical: "https://www.qownnotes.org",
+      author: {
+        name: "Patrizio Bekerle",
+        twitter: "PatrizioBekerle",
+      },
+      ogp: (ogp, page) => ({
+        ...ogp,
+        "og:image": page.frontmatter.image
+          ? page.frontmatter.image.startsWith("http")
+            ? page.frontmatter.image
+            : `https://www.qownnotes.org${page.frontmatter.image}`
+          : "https://www.qownnotes.org/screenshots/screenshot.png",
+      }),
+    }),
+    // Sitemap plugin - https://ecosystem.vuejs.press/plugins/seo/sitemap/
+    sitemapPlugin({
+      hostname: "https://www.qownnotes.org",
+      excludeUrls: ["/404.html"],
+    }),
+    // Feed plugin - https://ecosystem.vuejs.press/plugins/blog/feed/
+    feedPlugin({
+      hostname: "https://www.qownnotes.org",
+      rss: true,
+      atom: true,
+      json: true,
+      channel: {
+        title: "QOwnNotes Blog",
+        description:
+          "News about QOwnNotes, the open source markdown note taking application for Linux, macOS and Windows, that works together with Nextcloud Notes",
+      },
+      filter: ({ frontmatter, filePathRelative }) => {
+        // Only include blog posts in the feed
+        return filePathRelative && filePathRelative.startsWith("blog/");
+      },
+      sorter: (a, b) => {
+        // Sort by date, newest first
+        return (
+          new Date(b.data.date).getTime() - new Date(a.data.date).getTime()
+        );
+      },
+    }),
   ],
 
   head: [