end this pain

Author: xlc-dev

.github/workflows/cd.yml

@@ -39,21 +39,18 @@ jobs:
       - name: Build
         run: pnpm run build
         env:
-          BASE_URL: /IME/
+          BASE_PATH: /IME/
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: ".output/public"
+          path: "./.output/public"
 
-  deploy:
-    name: Deploy to GitHub Pages
-    needs: build
-    runs-on: ubuntu-latest
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4
+      - name: create .nojekyll
+        run: touch .output/public/.nojekyll
+
+      - name: deploy pages
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages
+          folder: .output/public

app.config.ts

@@ -5,10 +5,10 @@ import eslint from "vite-plugin-eslint";
 import Icons from "unplugin-icons/vite";
 
 export default defineConfig({
-  ssr: false,
+  ssr: true,
   server: {
-    baseURL: process.env.BASE_URL,
-    preset: "github_pages",
+    baseURL: process.env.BASE_PATH,
+    preset: "static",
   },
   vite: {
     plugins: [

src/app.tsx

@@ -1,6 +1,10 @@
 import { Router } from "@solidjs/router";
 import { FileRoutes } from "@solidjs/start/router";
-import { ColorModeProvider, ColorModeScript, createLocalStorageManager } from "@kobalte/core";
+import {
+  ColorModeProvider,
+  ColorModeScript,
+  createLocalStorageManager,
+} from "@kobalte/core";
 import { Suspense, Show } from "solid-js";
 
 import "./app.css";
@@ -16,16 +20,21 @@ export default function App() {
 
   return (
     <Router
+      base={import.meta.env.SERVER_BASE_URL}
       root={(props) => (
-        <Show when={ENABLE_COLOR_MODE} fallback={<Suspense>{props.children}</Suspense>}>
+        <Show
+          when={ENABLE_COLOR_MODE}
+          fallback={<Suspense>{props.children}</Suspense>}
+        >
           <>
             <ColorModeScript storageType={storageManager.type} />
             <ColorModeProvider storageManager={storageManager}>
               <Suspense>{props.children}</Suspense>
             </ColorModeProvider>
           </>
         </Show>
-      )}>
+      )}
+    >
       <FileRoutes />
     </Router>
   );