Fix paths for github pages deployment

chaosdorf · Jun 8, 2024 · 88a90e5 · 88a90e5
1 parent 6a60c86
commit 88a90e5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,6 +1,7 @@
 const CleanCSS = require("clean-css");
 const yaml = require("js-yaml");
 const Image = require("@11ty/eleventy-img");
+const { EleventyHtmlBasePlugin } = require("@11ty/eleventy");
 
 /**
  * @template T
@@ -18,6 +19,8 @@ const Image = require("@11ty/eleventy-img");
  * @type {(eleventyConfig: EleventyConfig) => RecursivePartial<EleventyReturnValue>}
  */
 module.exports = function (config) {
+  config.addPlugin(EleventyHtmlBasePlugin);
+
   config.addFilter("cssmin", function (code) {
     return new CleanCSS({}).minify(code).styles;
   });
@@ -54,5 +57,6 @@ module.exports = function (config) {
       data: "../data",
       output: "dist",
     },
+    pathPrefix: process.env.ELEVENTY_PATH_PREFIX,
   };
 };
diff --git a/.github/workflows/build.yaml b/.github/workflows/build.yaml
@@ -7,6 +7,8 @@ jobs:
   build:
     name: Build
     runs-on: ubuntu-24.04
+    env:
+      ELEVENTY_PATH_PREFIX: website
     steps:
       - uses: actions/checkout@v4
       - name: Install dependencies

diff --git a/layouts/style.css b/layouts/style.css
@@ -65,7 +65,7 @@ header {
       var(--color-bg) 1rem,
       rgba(255, 255, 255, 0) 6rem
     ),
-    url("/assets/hero.jpg");
+    url("{{ '/assets/hero.jpg' | htmlBaseUrl }}");
   background-size: cover;
   background-position: center;
   width: 100%;