Fix CSS loading in Codespaces by binding Hugo to 0.0.0.0 and configuring liveReloadPort

Co-authored-by: rrrutledge <[email protected]>

Author: Copilot

.devcontainer/devcontainer.json

@@ -25,6 +25,12 @@
     }
   },
   "forwardPorts": [1313],
+  "portsAttributes": {
+    "1313": {
+      "label": "Hugo Server",
+      "onAutoForward": "openBrowser"
+    }
+  },
   "remoteUser": "vscode",
   "postCreateCommand": "npm install; cd /tmp && wget -O hugo.deb https://github.com/gohugoio/hugo/releases/download/v0.133.1/hugo_extended_0.133.1_linux-amd64.deb && sudo dpkg -i hugo.deb && rm hugo.deb && npm init -y && npm install hugo-bin@latest && hugo version && echo 'Hugo server ready to run! Use the Run and Debug view to start the server.'"
 }

.vscode/launch.json

@@ -8,15 +8,16 @@
             "program": "${workspaceFolder}/node_modules/.bin/hugo",
             "args": [
                 "server",
+                "--bind=0.0.0.0",
                 "--appendPort=false",
                 "--baseURL=/",
+                "--liveReloadPort=443",
                 "-D"
             ],
             "console": "integratedTerminal",
             "preLaunchTask": "Hugo: Check Environment",
             "serverReadyAction": {
-                "pattern": "Web Server is available at //localhost:(\\d+)/",
-                "uriFormat": "http://localhost:%s/",
+                "pattern": "Web Server is available at",
                 "action": "openExternally"
             }
         }