Jiajun Du’s Personal Academic Website

Quarto GitHub Pages

A bilingual (Chinese/English) academic website built with Quarto and hosted on GitHub Pages.

🌐 Live Site

✨ Features

  • 🌍 Bilingual Support: Full Chinese and English versions
  • 🔄 Language Switcher: Automatic page-to-page language switching
  • 🎨 Modern UI: Clean, professional academic design
  • 📱 Responsive: Works on all devices
  • 🚀 Fast: Static HTML for optimal performance
  • 🔍 Searchable: Built-in search for each language
  • 📄 PDF Support: Direct access to publications

🛠️ Technology Stack

  • Static Site Generator: Quarto
  • Hosting: GitHub Pages
  • Language Switcher: Vanilla JavaScript (no dependencies)
  • Styling: Custom SCSS with Bootstrap

📁 Project Structure

.
├── zh/                  # Chinese content
├── en/                  # English content
├── docs/                # Rendered output (served by GitHub Pages)
│   ├── zh/             # Chinese HTML
│   ├── en/             # English HTML
│   └── index.html      # Root redirect
├── assets/              # JavaScript files
├── images/              # Images and icons
├── pdf/                 # Publication PDFs
└── build.bat/sh         # Build scripts

🚀 Quick Start

Prerequisites

Building the Site

Windows:

build.bat

Linux/Mac:

chmod +x build.sh
./build.sh

Manual build:

cd zh && quarto render && cd ..
cd en && quarto render && cd ..
xcopy /E /I /Y assets docs\assets
xcopy /E /I /Y images docs\images
xcopy /E /I /Y pdf docs\pdf

Local Preview

# Preview Chinese version
quarto preview docs/zh

# Preview English version
quarto preview docs/en

📖 Documentation

🔧 Adding New Content

  1. Create .qmd files in both zh/ and en/ directories
  2. Add navigation entries to zh/_quarto.yml and en/_quarto.yml
  3. Run the build script
  4. Commit and push

The language switcher will automatically handle the new pages!

📝 License

See LICENSE file for details.

👤 Author

Jiajun Du - Email: jiajundu@tongji.edu.cn - GitHub: @JiajunDu-ReSustain - Google Scholar: Profile

🙏 Acknowledgments