diff --git a/.vitepress/loaders/guides.data.ts b/.vitepress/loaders/guides.data.ts
new file mode 100644
index 000000000..64d73144b
--- /dev/null
+++ b/.vitepress/loaders/guides.data.ts
@@ -0,0 +1,43 @@
+import { defineLoader } from "vitepress";
+
+interface Data {
+  title?: string;
+  content?: string;
+  url?: string;
+}
+declare const data: Data;
+export { data };
+
+const page = "https://rentry.co/fmhy-guides/raw";
+const regex = /\* \[([^\]]+)\]\(([^)]+)\)/g;
+const rentryRe = /(?<=rentry\.(co|org)).*/;
+const guides = new Set<Data>();
+
+const f = async (url: string) => {
+  const contents = await (await fetch(url))
+    .text()
+    .catch((error: Error) => console.error(`Failed at ${url}`, error));
+  return contents;
+};
+
+export default defineLoader({
+  async load(): Promise<Data> {
+    const contents = await f(page);
+    let match: any[] | null;
+    while ((match = regex.exec(contents)) !== null) {
+      const title = match[1];
+      const url = match[2];
+      // Fetch rentry guides
+      if (url.match(rentryRe)) {
+        const content = await f(url + "/raw");
+        guides.add({ title, content });
+      } else {
+        // Everything else can be here
+        guides.add({ title, url });
+      }
+    }
+    return Object.fromEntries(
+      [...guides.entries()].map((entry, index) => [index.toString(), entry]),
+    );
+  },
+});
diff --git a/guides.md b/guides.md
new file mode 100644
index 000000000..484a43cab
--- /dev/null
+++ b/guides.md
@@ -0,0 +1,16 @@
+---
+title: Guides
+---
+<script setup>
+import { data } from "./.vitepress/loaders/guides.data";
+</script>
+
+<template>
+  <h2>Guides</h2>
+  <br />
+  <ul>
+    <li v-for"link in data">
+        <a :href="link.url">{{ link.title }}</a>
+    </li>
+  </ul>
+</template>
diff --git a/package.json b/package.json
index dd540d3bf..65d01c205 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
 {
   "name": "fmhy",
+  "type": "module",
   "scripts": {
     "docs:dev": "vitepress dev",
     "docs:build": "vitepress build",