consistently add trailing slash to internal URLs

Visiting a page directly already added this trailing slash.
(both locally and on Netlify)

Google also already preferred the pages with trailing slash.

_scripts/write-website-data.js

@@ -293,20 +293,28 @@ function checkNoteImageUrl(originalUrl, relativeFilePath) {
 }
 
 function getInternalLinkNodeReplacement(node, relativePath) {
-    const isLinkWithinPage = node.url.startsWith("#");
+    return { 
+        ...node, 
+        url: getNewInternalLinkUrl(node.url, relativePath)
+    };
+}
+
+function getNewInternalLinkUrl(oldUrl, relativePath) {
+    const isLinkWithinPage = oldUrl.startsWith("#");
 
     if (isLinkWithinPage) {
-        return node;
+        return oldUrl;
     }
 
     const folderPath = path.dirname(relativePath);
-    const urlRelativeToRoot = path.join(folderPath, node.url);
+    const urlRelativeToRoot = path.join(folderPath, oldUrl);
     const newUrl = "/" + normalizeUrl(removeMarkdownExtension(urlRelativeToRoot));
-
-    return { 
-        ...node, 
-        url: newUrl
-    };
+
+    if (newUrl.includes("#")) {
+        return newUrl.replace("#", "/#");
+    } else {
+        return newUrl + "/";
+    }
 }
 
 /**

_website/docusaurus.config.js

@@ -8,6 +8,7 @@ const config = {
   tagline: 'Notes regarding things I have learned',
   url: 'https://learning-notes.mistermicheels.com',
   baseUrl: '/',
+  trailingSlash: true,
   onBrokenLinks: 'ignore', // broken links are checked using other scripts
   onBrokenMarkdownLinks: 'ignore', // broken links are checked using other scripts
   favicon: 'favicon.ico',

_website/src/pages/index.js

@@ -3,7 +3,7 @@ import {Redirect} from '@docusaurus/router';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
 function Home() {
-  return <Redirect to={useBaseUrl('/about/about')} />;
+  return <Redirect to={useBaseUrl('/about/about/')} />;
 }
 
 export default Home;