feat: deploy to github page

Author: Yuyz0112

.github/workflows/deploy.yml

@@ -0,0 +1,66 @@
+name: Deploy to GitHub Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Deno
+        uses: denoland/setup-deno@v1
+        with:
+          deno-version: v1.x
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build project
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: './dist'
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -8,6 +8,41 @@ A static web interface for browsing and managing Neutree model catalog. Built wi
 - 🔍 **Search & Filter**: Find models by name, task type, or other criteria
 - ✅ **Multi-Selection**: Select individual models or use bulk selection
 - 📋 **YAML Generation**: Generate complete YAML configurations for selected models
+- 🚀 **Auto Deployment**: Automatically deploys to GitHub Pages on push
+
+## 🚀 Deployment
+
+### GitHub Pages (Automated)
+
+This project includes GitHub Actions workflow for automatic deployment to GitHub Pages:
+
+1. **Enable GitHub Pages** in your repository settings:
+
+   - Go to Settings → Pages
+   - Set Source to "GitHub Actions"
+
+2. **Push to main branch** - the workflow will automatically:
+
+   - Build the project using Deno and npm
+   - Deploy to GitHub Pages
+   - Your site will be available at `https://<username>.github.io/<repository-name>`
+
+3. **Manual deployment** (if needed):
+   - Go to Actions tab
+   - Run "Deploy to GitHub Pages" workflow manually
+
+### Local Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server (with file watching)
+npm run dev
+
+# Build for production
+npm run build
+```
 
 ## 🎯 How to Use
 

scripts/build.ts

@@ -95,6 +95,12 @@ async function copyFiles() {
     await copy(join(SRC_DIR, "data.yaml"), join(DIST_DIR, "data.yaml"));
   }
 
+  // Copy .nojekyll file for GitHub Pages
+  const nojekyllExists = await exists(join(SRC_DIR, ".nojekyll"));
+  if (nojekyllExists) {
+    await copy(join(SRC_DIR, ".nojekyll"), join(DIST_DIR, ".nojekyll"));
+  }
+
   // Copy any static assets if they exist
   const staticDir = join(SRC_DIR, "static");
   const staticExists = await exists(staticDir);