李聪个人学术主页网站 (licong.me)

这是复旦大学信息科学与工程学院副教授李聪老师的个人学术主页网站，基于现代Web技术栈构建，展示其学术成就、研究方向和教学信息。

🎯 项目概述

本项目是一个学术个人主页网站，专为复旦大学李聪副教授设计。

📋 核心内容模块

• 个人简介: 教育背景、研究方向、学术成就
• 学术任职: 学会任职、会议任职、期刊审稿
• 主导课程: 本科基础课、专业选修课、研究生课程
• 学术专著: 已出版书籍《复杂网络传播理论》
• 期刊论文: 代表性学术论文（2015-2024年）
• 相关链接: 实验室、学术主页、社交平台

🛠️ 技术栈

• 框架: React 18 + TypeScript
• 构建: Vite (极速开发体验)
• 样式: Tailwind CSS (原子化CSS)
• 动画: tsParticles粒子动画系统
• 图标: Lucide React图标库
• 组件: Headless UI无障碍组件

📦 项目结构

licong.me/
├── 📁 src/                     # 前端源代码
│   ├── App.tsx                # 主应用组件
│   ├── main.tsx               # 应用入口点
│   ├── index.css              # 全局样式
│   └── assets/                # 静态资源
├── 📁 public/                  # 静态资源
├── 📄 index.html              # HTML模板
├── 📄 package.json            # 项目依赖
├── 📄 README.md               # 项目文档
└── 📄 vite.config.ts          # Vite配置

🚀 快速开始

环境要求

• Node.js: 18+
• npm: 8+ 或 pnpm

安装与运行

# 克隆项目
git clone https://github.com/cloudwindcc/licong.me.git
cd licong.me

# 安装依赖
npm install

# 开发模式启动
npm run dev

# 构建生产版本
npm run build

🎨 设计特色

• 响应式设计: 完美适配所有设备
• 现代化UI: 卡片式布局 + 毛玻璃效果
• 粒子动画: tsParticles动态背景
• 学术风格: 专业、简洁、信息层次清晰
• 双语展示: 中英文无缝切换
• 折叠面板: 交互式内容展示

📊 内容特色

📚 期刊论文

时间跨度: 2015-2024年 顶级期刊: Nature Communications, Physical Review, IEEE系列, Chaos等 研究领域:

• 时态网络动力学
• 流行传播模型
• 网络分析与预测
• 网络结构与控制

🔗 外部链接

• Google Scholar: 论文引用
• 复旦大学: 官方主页链接
• 实验室: 自适应网络与控制研究室

🌐 部署方案

部署平台

# GitHub Pages (推荐)
git push origin main  # 自动部署

# Netlify
netlify deploy --prod

# Vercel
vercel --prod

📈 版本历史

v2.0 (2024年12月)

• 新增: 17篇代表性期刊论文
• 新增: Google Scholar一键访问
• 优化: 响应式设计和性能

v1.5 (2024年11月)

• 新增: 双语展示功能
• 新增: 粒子动画背景
• 优化: 移动端适配

v1.0 (2024年10月)

• 初始版本: 基本学术主页
• 包含: 个人简介、课程、专著、基础论文

📞 联系方式

• 邮箱: [email protected]
• 电话: 021-31242510
• GitHub: cloudwindcc/licong.me

🎉 项目亮点

✅ 现代化: 响应式设计和交互体验 ✅ 专业化: 学术级别的内容展示 ✅ 国际化: 双语支持 + 全球访问

---

🚀 立即体验: https://cloudwindcc.github.io/licong.me