diff --git a/nginx/vue/src/components/home/Links.vue b/nginx/vue/src/components/home/Links.vue
index 3135b8a..206e365 100644
--- a/nginx/vue/src/components/home/Links.vue
+++ b/nginx/vue/src/components/home/Links.vue
@@ -6,7 +6,7 @@ import Markdown from "@/components/quick/Markdown.vue";
 const site_links = [
     { name: "CV", link: "/cv" },
     { name: "Bookmarks", link: "/bookmarks" },
-    { name: "Notes", link: "/notes" },
+    { name: "Notes", link: "/notes/Index.md" },
     { name: "Admin", link: "/admin" },
     { name: "Shrines", link: "/shrines" },
 ];
diff --git a/nginx/vue/src/views/Notes.vue b/nginx/vue/src/views/Notes.vue
index 0951fbe..dbed3ef 100644
--- a/nginx/vue/src/views/Notes.vue
+++ b/nginx/vue/src/views/Notes.vue
@@ -11,7 +11,8 @@ const last_edited = ref(null);
 // if the address is https://www.adam-french.co.uk/notes/PATH
 // request from https://www.adam-french.co.uk/api/notes/PATH
 const route = useRoute();
-const path = route.params.path;
+const pathArray = route.params.path;
+const path = Array.isArray(pathArray) ? pathArray.join("/") : pathArray;
 const url = `/api/notes/${path}`;
 
 function getFilename(headers) {