Fix images not displaying

gatsby-config.js

@@ -28,12 +28,17 @@ module.exports = {
       resolve: `gatsby-transformer-remark`,
       options: {
         plugins: [
-          `gatsby-remark-relative-images`,
+          {
+            resolve: `gatsby-remark-relative-images`,
+            options: {
+              exclude: ["thumbnail"]
+            }
+          },
           {
             resolve: `gatsby-remark-images`,
             options: {
               maxWidth: 800,
-              loading: "lazy"
+              loading: "lazy",
             }
           },
           `gatsby-remark-prismjs`,

src/pages/blog.js

@@ -46,8 +46,8 @@ const Blog = ({ data }) => {
 export const pageQuery = graphql`
   query getBlogPostsIndex {
     allMarkdownRemark(
-     sort: {order: DESC, fields: frontmatter___date}
-     filter: {frontmatter: {draft: {eq: false}, blog: {eq: true}}}
+      sort: {frontmatter: {date: DESC}}
+      filter: {frontmatter: {draft: {eq: false}, blog: {eq: true}}}
     ) {
       edges {
         node {

src/pages/posts/How to Use GPU Passthrough with Windows on ESXi.md

@@ -2,7 +2,7 @@
 path: "/blog/how-to-use-gpu-passthrough-with-windows-on-esxi"
 date: 2021-08-01T17:12:33.962Z
 title: "How To Use GPU Passthrough with Windows on VMWare ESXi"
-thumbnail: "editVM.png"
+thumbnail: "/editVM.png"
 draft: true
 blog: true
 ---

src/pages/posts/MacConfig.md

@@ -2,7 +2,7 @@
 path: "/blog/mac-config"
 date: 2021-08-01T17:12:33.962Z
 title: "How I Configure my Mac"
-thumbnail: "Desktop.png.webp"
+thumbnail: "/Desktop.png.webp"
 draft: true
 blog: true
 ---

src/pages/posts/Notating Stochastic Music Using DISSCO.md

@@ -2,7 +2,7 @@
 path: "/blog/notating_stochastic_music_using_dissco"
 date: 2021-08-05T01:56:21.32Z
 title: "Notating Stochastic Music with DISSCO"
-thumbnail: "dissco_tree.png"
+thumbnail: "/dissco_tree.png"
 draft: false
 blog: true
 ---

src/pages/posts/Setting Up Your Own VMWare Server.md

@@ -2,7 +2,7 @@
 path: "/blog/vmware"
 date: 2021-08-01T17:12:33.962Z
 title: "Setting Up Your Own VMWare Server"
-thumbnail: "freenas.png"
+thumbnail: "/freenas.png"
 draft: true
 blog: true
 ---

src/pages/posts/SweepAndPrune.md

@@ -2,7 +2,7 @@
 path: "/blog/sweep_and_prune"
 date: 2021-08-05T01:56:21.32Z
 title: "Implementing the Sweep and Prune Algorithm"
-thumbnail: "aabbs.png"
+thumbnail: "/aabbs.png"
 draft: true
 blog: true
 ---

src/pages/projects.js

@@ -9,17 +9,17 @@ const projects = [
   {
     title: "Granular Synthesizer",
     description: `A polyphonic synthesizer using pitch-synchronous
-                  overlap add to play tones composed of short samples
+                  overlap-add to play tones composed of short samples
                   of a source, all with ADSR enveloping.`,
-    image: "granularsynth.png",
+    image: "/granularsynth.png",
     link: "https://github.com/nd-0r/GranularSynth/",
     draft: false
   },
   {
     title: "Distributed Logging",
     description: `A distributed log-querying system written in the Go
                   programming language. Includes full end-to-end tests.`,
-    image: "dlogging.png",
+    image: "/dlogging.png",
     link: "https://github.com/nd-0r/DistributedLogging",
     draft: false
   },
@@ -39,7 +39,7 @@ const projects = [
                   more about the JUCE plugin framework and the sweep
                   and prune algorithm. Use it to create mesmerizing 
                   soundscapes and have some fun with particle physics!`,
-    image: "synchrony.png",
+    image: "/synchrony.png",
     link: "https://github.com/nd-0r/MusicalEmergence",
     draft: false
   },
@@ -48,7 +48,7 @@ const projects = [
     description: `This is my website 
                   built with ReactJS and styled with CSS using the 
                   static site generator Gatsby, hosted on Netlify.`,
-    image: "penrose.png",
+    image: "/penrose.png",
     link: "https://github.com/nd-0r/andreworals.com",
     draft: false
   },
@@ -58,7 +58,7 @@ const projects = [
                   the iconic Towers of Hanoi puzzle. Let me know if 
                   you can move all the disks to the final peg in less
                   than 2^n moves :)`,
-    image: "toh.png",
+    image: "/toh.png",
     link: "https://github.com/nd-0r/TowersOfHanoi",
     draft: false
   },
@@ -69,7 +69,7 @@ const projects = [
                   application flexibly parses scales in json, 
                   and represents them as an interactive pie 
                   graph playable with a built-in synthesizer.`,
-    image: "scaleExplorer.png",
+    image: "/scaleExplorer.png",
     link: "https://github.com/nd-0r/ScalePieGraph",
     draft: false
   }