Fix GitHub Pages deployment - update base path and asset references

1batu · 1batu · commit 17b798efdce0 · 2025-11-02T21:14:28.000+03:00
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -35,7 +35,6 @@ jobs:
         run: npm run build
         env:
           NODE_ENV: production
-          BASE_URL: /tinypine-docs/
 
       - name: Setup Pages
         uses: actions/configure-pages@v4
diff --git a/favicon.svg b/favicon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <text y=".9em" font-size="90">🌲</text>
+</svg>
+
diff --git a/index.html b/index.html
@@ -5,11 +5,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>TinyPine.js - Minimal Reactive JavaScript Framework</title>
   <meta name="description" content="Official documentation for TinyPine.js - a minimal reactive JavaScript framework">
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/svg+xml" href="./favicon.svg">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet" href="./style.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
 </head>
 <body class="h-full bg-gradient-to-br from-gray-50 via-pine-50/30 to-gray-50 dark:from-gray-900 dark:via-pine-950/20 dark:to-gray-900 transition-all duration-500">
@@ -203,7 +203,7 @@ <h3 class="px-4 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase
   </div>
 
   <!-- Scripts -->
-  <script type="module" src="/main.js"></script>
+  <script type="module" src="./main.js"></script>
 
 </body>
 </html>
diff --git a/vite.config.js b/vite.config.js
@@ -1,10 +1,7 @@
 import { defineConfig } from 'vite'
 
-// Use BASE_URL env variable if provided, otherwise use root path for production
-const base = process.env.BASE_URL || '/'
-
 export default defineConfig({
-  base,
+  base: process.env.NODE_ENV === 'production' ? '/tinypine-docs/' : '/',
   build: {
     outDir: 'dist',
     assetsDir: 'assets',
