Fix

Author: localhost433

js/blog.js

@@ -118,7 +118,7 @@ window.addEventListener("popstate", e => {
 /* -------------------- Initialization -------------------- */
 
 // Fetch posts and initialize the page
-fetch("/posts/metadata/entries.json")
+fetch("./posts/metadata/entries.json")
   .then(response => response.json())
   .then(data => {
     posts = data;

js/comments.js

@@ -23,7 +23,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   // load existing
   fetch(`/api/comments?slug=${slug}`)
-    .then(r => r.json())
+    .then(r => r.ok ? r.json() : [])
     .then(arr => {
       if (!arr.length) {
         commentsList.innerHTML = 

js/post.js

@@ -1,5 +1,3 @@
-import jsYaml from 'js-yaml';
-
 function parseFrontMatter(md) {
   const re = /^---\r?\n([\s\S]+?)\r?\n---(?:\r?\n|$)/;
   const m = re.exec(md);
@@ -29,7 +27,7 @@ if (!content) {
   throw new Error("Required DOM element not found.");
 }
 
-fetch(`/posts/entries/${slug}.md`)
+fetch(`./posts/entries/${slug}.md`)
   .then(r => r.text())
   .then(md => {
     const { meta, body } = parseFrontMatter(md);

js/projects.js

@@ -37,7 +37,9 @@ function createLanguageBar(languages) {
 async function fetchLanguages(repo) {
   if (langCache.has(repo)) return langCache.get(repo);
 
-  const resp = await fetch(`/api/github-languages?repo=${repo}`);
+  const url = `https://api.github.com/repos/${repo}/languages`;
+  const resp = await fetch(url);
+  
   if (!resp.ok) {
     console.warn(`Could not load languages for ${repo}: ${resp.status}`);
     langCache.set(repo, {});

post.html

@@ -55,6 +55,7 @@ <h3>Add a Comment</h3>
   <script src="js/mathjax.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>
   <script type="module" src="js/header-footer.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/js-yaml@4/dist/js-yaml.min.js"></script>
   <script type="module" src="js/post.js"></script>
   <script src="js/comments.js"></script>
 </body>