silvery107.github.io

Welcome! This is my personal academic website built with Jekyll and hosted on GitHub Pages. It features a modern, responsive design with dynamic elements including dark mode, image zooming, animated background, and automatic last-updated timestamps.

Quick Start

1. Fork and Setup Repository

1. Fork this repository to your GitHub account
2. Rename the repository to your-username.github.io (replace your-username with your GitHub username)
3. Enable GitHub Pages in repository settings (Settings → Pages → Source: Deploy from a branch → Branch: main)

2. Basic Configuration (_config.yml)

Edit the _config.yml file with your personal information:

# Basic Information
title: Your Full Name
description: Your Title/Position (e.g., "PhD Student in Computer Science")
logo: assets/img/your-photo.jpg  # Add your photo to assets/img/

# Contact & Social Links
url_github: https://github.com/your-username
url_email: your.email@university.edu
url_linkedin: https://www.linkedin.com/in/your-profile
url_scholar: https://scholar.google.com/citations?user=YOUR_ID

# Optional: Add your name in another language/script
chinese_name: assets/img/your-name.svg  # If applicable

# Analytics (optional)
google_analytics: YOUR_GA_ID  # Get from Google Analytics

3. Content Customization

Check the _includes/ folder for various sections:

• experience.html - Work experience and research positions
• education.html - Educational background and degrees
• projects.html - Key projects and research work
• news.html - Recent updates and announcements

Edit these files to replace the content with your own information.

4. Google Analytics

1. Create a Google Analytics account and get your tracking ID
2. Add it to _config.yml under google_analytics

References

Design Inspiration

• The Minimal Theme - Base Jekyll theme
• Homepage of Bodun Hu - Academic website inspiration
• Homepage of Dr. Fabian Stöckl - Design reference
• Homepage of Yaoyao Liu - Layout inspiration

Technical Implementation

• Canvas Nest - Animated background
• Buttons - Custom button styles
• Image Zooming - Zoom functionality
• Dark Mode - Dark mode implementation
• Floating Action Button - FAB component

GitHub Integration

• GitHub API Documentation - Repository info API
• XMLHttpRequest Tutorial - AJAX requests
• git-filter-repo - Git history management

Utilities

• Favicon Generator - Favicon creation
• HTML Video Guide - Video embedding