Academic Personal Website Template

An elegant, responsive and customizable academic website template crafted with modern HTML and CSS standards.

Features

• Sophisticated minimalist design
• Fully responsive cross-device layout
• Intelligent dark/light mode switching
• Subtle scroll animations and transitions
• Highly customizable structure and styling
• Integrated blog functionality for research sharing

Quick Start

1. Fork or clone this repository

2. Personalize the content

   • Modify index.html with your professional information
   • Replace profile images in the /pic directory
   • Adjust styling parameters as needed
   • Update blog articles in the /blog directory

3. Deploy your website

   • Configure GitHub Pages in your repository settings
   • Select the main branch as your source
   • Access your live website at https://<username>.github.io/

Project Structure

likangmax.github.io/
│
├── index.html        # Main page
├── blog/             # Blog articles
│   └── blog01.html   # Example article
│
├── pic/              # Image resources
│   └── us.jpg        # Profile photo
│
└── README.md         # Project documentation

Technology Stack

• HTML5 semantic markup
• CSS3 with modern features (variables, flexbox)
• Bootstrap 4 framework
• Intersection Observer API for scroll animations
• Font Awesome 5 icon library

Customization Guide

Changing Color Theme

Edit the CSS variables in index.html:

:root {
    /* Primary color scheme */
    --primary: #2b6cb0;
    --primary-dark: #1a365d;
    /* Other variables... */
}

Contact

Developer: Likang Li

• Email: lilikang@uic.edu.cn
• GitHub: github.com/likangmax
• Zhihu: Curiosity

License

Released under MIT License

---

学术个人网站模板

一个优雅、响应式且可定制的学术个人网站模板，采用现代HTML和CSS标准精心打造。

特点

• 精致的极简主义设计
• 全面响应式跨设备布局
• 智能暗/亮模式切换
• 精细的滚动动画与过渡效果
• 高度可定制的结构与样式
• 集成博客功能，便于分享研究成果

快速开始

1. Fork或克隆此仓库

2. 个性化内容

   • 修改index.html中的专业信息
   • 替换/pic目录中的个人图片
   • 根据需要调整样式参数
   • 更新/blog目录中的博客文章

3. 部署您的网站

   • 在仓库设置中配置GitHub Pages
   • 选择main分支作为源
   • 通过https://<用户名>.github.io/访问您的网站

项目结构

likangmax.github.io/
│
├── index.html        # 主页面
├── blog/             # 博客文章
│   └── blog01.html   # 示例文章
│
├── pic/              # 图像资源
│   └── us.jpg        # 个人照片
│
└── README.md         # 项目文档

技术栈

• HTML5语义化标记
• 具有现代特性的CSS3（变量、弹性布局）
• Bootstrap 4框架
• 用于滚动动画的Intersection Observer API
• Font Awesome 5图标库

自定义指南

更改配色主题

编辑index.html中的CSS变量：

:root {
    /* 主色调 */
    --primary: #2b6cb0;
    --primary-dark: #1a365d;
    /* 其他变量... */
}

联系方式

开发者: 李立康

• 邮箱: lilikang@uic.edu.cn
• GitHub: github.com/likangmax
• 知乎: Curiosity

许可证

基于MIT许可证发布

---

如果您觉得这个项目有用，请给它一个星标 ⭐！