update:structure

Author: LJ-Hao

.github/workflows/deploy.yml

@@ -3,8 +3,11 @@ name: Build and Deploy to GitHub Pages
 on:
   push:
     branches: [ "main" ]
-  pull_request:
-    branches: [ "main" ]
+    paths:
+      - 'src/**'
+      - 'package*.json'
+      - 'build.js'
+  workflow_dispatch:  # 允许手动触发工作流
 
 jobs:
   build-and-deploy:
@@ -26,10 +29,16 @@ jobs:
     - name: Build website
       run: npm run build
 
+    - name: Setup Pages
+      uses: actions/configure-pages@v4
+
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: ./public
+
     - name: Deploy to GitHub Pages
       if: github.event_name == 'push' && github.ref == 'refs/heads/main'
-      uses: peaceiris/actions-gh-pages@v3
+      uses: actions/deploy-pages@v4
       with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: ./public
-        publish_branch: gh-pages
+        github_token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -4,6 +4,7 @@ node_modules/
 # Build outputs
 dist/
 build/
+public/
 .nyc_output/
 coverage/
 

README.md

@@ -6,10 +6,26 @@ This repository contains the source code for the Rockchip AI Lab website, built
 
 ```
 Rockchip-AI-Lab/
+├── dist/                   # Distribution directory
+├── img/                    # Image assets
+├── node_modules/           # Node.js dependencies
 ├── public/                 # Built website files (deployed to GitHub Pages)
 ├── src/                    # Source files
-│   ├── pages/              # HTML pages (Home, CV, LLM, VLM, UI)
 │   ├── components/         # Reusable components (navigation, RK chips header)
+│   ├── content/            # Content files organized by chip model and AI field
+│   │   ├── rk1820/         # Content for RK1820 chip
+│   │   │   ├── cv/         # Computer Vision content
+│   │   │   ├── llm/        # Large Language Model content
+│   │   │   ├── ui/         # User Interface content
+│   │   │   └── vlm/        # Visual Language Model content
+│   │   └── rk3588/         # Content for RK3588 chip
+│   │       ├── cv/         # Computer Vision content
+│   │       ├── llm/        # Large Language Model content
+│   │       ├── ui/         # User Interface content
+│   │       └── vlm/        # Visual Language Model content
+│   ├── js/                 # JavaScript files
+│   ├── pages/              # HTML pages (Home, CV, LLM, VLM, UI)
+│   ├── index.html          # Main HTML file
 │   └── styles.css          # Main stylesheet
 ├── .github/workflows/      # GitHub Actions workflows
 ├── build.js                # Build script
@@ -26,7 +42,7 @@ The website includes the following pages:
 - Visual Language Models (VLM)
 - User Interface (UI)
 
-Each page features information about Rockchip processors RK3588 and RK1820 at the top.
+Each page allows users to select between Rockchip processors RK3588 and RK1820, and dynamically loads relevant content from the corresponding content directories.
 
 ## Development
 
@@ -47,6 +63,11 @@ To run the project locally:
    npm start
    ```
 
+4. For development with auto-rebuild:
+   ```bash
+   npm run dev
+   ```
+
 ## Deployment
 
 The website is automatically deployed to GitHub Pages using GitHub Actions when changes are pushed to the `main` branch.

build.js

@@ -5,176 +5,95 @@ const path = require('path');
 const srcDir = './src';
 const publicDir = './public';
 
-// Create public directory if it doesn't exist
+// Ensure public directory exists with images subdirectory
 if (!fs.existsSync(publicDir)) {
     fs.mkdirSync(publicDir, { recursive: true });
 }
 
-// Copy HTML files from src/pages to public
-const pagesDir = path.join(srcDir, 'pages');
-const files = fs.readdirSync(pagesDir);
-
-files.forEach(file => {
-    if (path.extname(file) === '.html') {
-        const srcPath = path.join(pagesDir, file);
-        const destPath = path.join(publicDir, file);
-        
-        let content = fs.readFileSync(srcPath, 'utf8');
-        
-        // Update relative paths to work from public directory
-        content = content.replace(/\.\.\/styles\.css/g, 'styles.css');
-        content = content.replace(/\.\.\/components/g, 'components');
-        
-        fs.writeFileSync(destPath, content);
-        console.log(`Copied ${file} to public directory`);
-    }
-});
-
-// Copy CSS file
-const cssSrc = path.join(srcDir, 'styles.css');
-const cssDest = path.join(publicDir, 'styles.css');
-if (fs.existsSync(cssSrc)) {
-    fs.copyFileSync(cssSrc, cssDest);
-    console.log('Copied styles.css to public directory');
-} else {
-    // Create a default styles.css if it doesn't exist
-    const defaultCSS = `
-/* Global Styles */
-body {
-    font-family: 'Arial', sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #f5f5f5;
-    color: #333;
+if (!fs.existsSync(path.join(publicDir, 'images'))) {
+    fs.mkdirSync(path.join(publicDir, 'images'), { recursive: true });
 }
 
-/* Navigation Styles */
-.navbar {
-    background-color: #2c3e50;
-    padding: 1rem 0;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-}
-
-.nav-container {
-    max-width: 1200px;
-    margin: 0 auto;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 2rem;
-}
-
-.nav-logo {
-    color: white;
-    font-size: 1.5rem;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.nav-menu {
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.nav-item {
-    margin-left: 2rem;
-}
-
-.nav-link {
-    color: white;
-    text-decoration: none;
-    transition: color 0.3s;
-}
-
-.nav-link:hover {
-    color: #3498db;
-}
-
-/* RK Chips Header */
-.rk-chips-header {
-    background-color: #ecf0f1;
-    padding: 1rem 2rem;
-    display: flex;
-    justify-content: space-around;
-    border-bottom: 1px solid #bdc3c7;
-}
+// Copy HTML, CSS, JS files to public
+copyFileToPublic('index.html');
+copyFileToPublic('styles.css');
 
-.rk-chip {
-    text-align: center;
-    padding: 1rem;
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    width: 45%;
-}
-
-.rk-chip h3 {
-    margin: 0 0 0.5rem 0;
-    color: #2c3e50;
-}
-
-/* Container for page content */
-.container {
-    max-width: 1200px;
-    margin: 2rem auto;
-    padding: 0 2rem;
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
-    padding: 2rem;
+// Copy JavaScript files
+const jsSrcDir = path.join(srcDir, 'js');
+const jsDestDir = path.join(publicDir, 'js');
+if (fs.existsSync(jsSrcDir)) {
+    // Remove old js directory if it exists
+    if (fs.existsSync(jsDestDir)) {
+        fs.rmSync(jsDestDir, { recursive: true, force: true });
+    }
+    
+    fs.mkdirSync(jsDestDir, { recursive: true });
+    const jsFiles = fs.readdirSync(jsSrcDir);
+    jsFiles.forEach(file => {
+        const srcPath = path.join(jsSrcDir, file);
+        const destPath = path.join(jsDestDir, file);
+        if (fs.statSync(srcPath).isFile()) {
+            fs.copyFileSync(srcPath, destPath);
+            console.log(`Copied ${file} to public/js directory`);
+        }
+    });
+}
+
+// Copy content files (RK3588 and RK1820 documentation)
+const contentSrcDir = path.join(srcDir, 'content');
+const contentDestDir = path.join(publicDir, 'content');
+if (fs.existsSync(contentSrcDir)) {
+    // Remove old content directory if it exists
+    if (fs.existsSync(contentDestDir)) {
+        fs.rmSync(contentDestDir, { recursive: true, force: true });
+    }
+    
+    copyDirectory(contentSrcDir, contentDestDir);
+    console.log('Copied content directory to public/content');
 }
 
-h1 {
-    color: #2c3e50;
-    border-bottom: 2px solid #3498db;
-    padding-bottom: 0.5rem;
+// Helper function to copy a single file to public
+function copyFileToPublic(fileName) {
+    const srcPath = path.join(srcDir, fileName);
+    const destPath = path.join(publicDir, fileName);
+    
+    if (fs.existsSync(srcPath)) {
+        fs.copyFileSync(srcPath, destPath);
+        console.log(`Copied ${fileName} to public directory`);
+    } else {
+        console.log(`${fileName} does not exist in src directory`);
+    }
 }
 
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .nav-container {
-        flex-direction: column;
-        padding: 1rem;
+// Helper function to recursively copy directories
+function copyDirectory(src, dest) {
+    if (!fs.existsSync(src)) {
+        console.log(`Source directory does not exist: ${src}`);
+        return;
     }
 
-    .nav-menu {
-        margin-top: 1rem;
+    if (!fs.existsSync(dest)) {
+        fs.mkdirSync(dest, { recursive: true });
     }
 
-    .nav-item {
-        margin: 0 1rem;
-    }
-    
-    .rk-chips-header {
-        flex-direction: column;
-    }
+    const items = fs.readdirSync(src);
 
-    .rk-chip {
-        width: 100%;
-        margin-bottom: 1rem;
+    for (const item of items) {
+        const srcPath = path.join(src, item);
+        const destPath = path.join(dest, item);
+        
+        const stat = fs.statSync(srcPath);
+        
+        if (stat.isDirectory()) {
+            copyDirectory(srcPath, destPath);
+        } else {
+            fs.copyFileSync(srcPath, destPath);
+        }
     }
 }
-    `;
-    fs.writeFileSync(cssDest, defaultCSS);
-    console.log('Created default styles.css in public directory');
-}
-
-// Copy components directory
-const componentsSrc = path.join(srcDir, 'components');
-const componentsDest = path.join(publicDir, 'components');
-
-if (!fs.existsSync(componentsDest)) {
-    fs.mkdirSync(componentsDest, { recursive: true });
-}
-
-const componentFiles = fs.readdirSync(componentsSrc);
-componentFiles.forEach(file => {
-    const srcPath = path.join(componentsSrc, file);
-    const destPath = path.join(componentsDest, file);
-    fs.copyFileSync(srcPath, destPath);
-    console.log(`Copied ${file} to public/components directory`);
-});
 
-console.log('Build completed successfully!');
+console.log('Build completed successfully!');
+console.log('Files in public/:', fs.readdirSync(publicDir));
+if (fs.existsSync(path.join(publicDir, 'content'))) {
+    console.log('Content directories:', fs.readdirSync(path.join(publicDir, 'content')));
+}