diff --git a/website/.eleventy.js b/website/.eleventy.js
index 72628dae..67f919f7 100644
--- a/website/.eleventy.js
+++ b/website/.eleventy.js
@@ -64,6 +64,7 @@ module.exports = function(eleventyConfig) {
     },
     templateFormats: ["njk", "md", "html"],
     htmlTemplateEngine: "njk",
-    markdownTemplateEngine: "njk"
+    markdownTemplateEngine: "njk",
+    pathPrefix: "/qmk_userspace/"
   };
 };
diff --git a/website/src/_includes/layouts/base.njk b/website/src/_includes/layouts/base.njk
index c664a7bf..4a7d3748 100644
--- a/website/src/_includes/layouts/base.njk
+++ b/website/src/_includes/layouts/base.njk
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{ title }} | QMK Keymap Documentation</title>
-  <link rel="stylesheet" href="/public/css/theme.css">
+  <link rel="stylesheet" href="{{ '/public/css/theme.css' | url }}">
   <style>
     * {
       box-sizing: border-box;
@@ -191,7 +191,7 @@
   <header>
     <h1>QMK Keymap Documentation</h1>
     <nav>
-      <a href="/">Home</a>
+      <a href="{{ '/' | url }}">Home</a>
     </nav>
   </header>
 
diff --git a/website/src/index.njk b/website/src/index.njk
index 65344509..26d7e2b2 100644
--- a/website/src/index.njk
+++ b/website/src/index.njk
@@ -15,7 +15,7 @@ title: Home
       <h3>{{ keymap.keyboard }}</h3>
       <p><strong>Keymap:</strong> {{ keymap.keymapName }}</p>
 
-      <a href="/keymaps/{{ keymap.id }}/index.html" class="button">View Keymap Documentation</a>
+      <a href="{{ ('/keymaps/' + keymap.id + '/') | url }}" class="button">View Keymap Documentation</a>
 
       <div class="stats">
         <p>
diff --git a/website/src/keymaps.njk b/website/src/keymaps.njk
index 439dccf6..1a37d8e3 100644
--- a/website/src/keymaps.njk
+++ b/website/src/keymaps.njk
@@ -18,7 +18,7 @@ eleventyComputed:
 <nav style="margin: 2rem 0;">
   <a href="#diagrams" class="button">Layer Diagrams</a>
   <a href="#symbols" class="button">Symbol Index</a>
-  <a href="/" class="button secondary">← Back to Home</a>
+  <a href="{{ '/' | url }}" class="button secondary">← Back to Home</a>
 </nav>
 
 <section id="diagrams" class="layer-diagrams">
@@ -30,8 +30,8 @@ eleventyComputed:
       {% set svgPath = keymap.svgPaths | find('name', layer.name) %}
       {% if svgPath %}
         <div class="svg-container">
-          <object data="{{ svgPath.path }}" type="image/svg+xml" style="width: 100%; max-width: 1200px;">
-            <img src="{{ svgPath.path }}" alt="{{ layer.name }} layer diagram" />
+          <object data="{{ svgPath.path | url }}" type="image/svg+xml" style="width: 100%; max-width: 1200px;">
+            <img src="{{ svgPath.path | url }}" alt="{{ layer.name }} layer diagram" />
           </object>
         </div>
       {% else %}