个人学术主页

一个现代化、响应式的个人学术主页

在线访问： https://xll0328.github.io

项目简介

这是一个基于 Jekyll 构建的个人学术主页，展示了作者的研究成果、教育经历、工作经历等信息。网站采用现代化的设计风格，包含丰富的动画效果和交互体验。

主要特性

• 🎨 现代化设计：采用羽毛球主题的渐变色彩方案，视觉效果优雅
• ✨ 动态效果：全屏漂浮图标动画，增强页面活力
• 📱 响应式布局：自动适配不同屏幕尺寸和设备
• 🔄 自动更新：通过 GitHub Actions 自动更新 Google Scholar 引用数据
• 🎯 SEO 优化：支持搜索引擎优化，提高网站可见性
• 📊 数据分析：支持 Google Analytics 流量统计
• 🖼️ 背景装饰：李梓嘉主题背景图片，低透明度装饰效果
• 🎭 交互体验：丰富的悬停效果和动画过渡

快速开始

1. Fork 并重命名仓库

1. Fork 本仓库
2. 将仓库重命名为 USERNAME.github.io，其中 USERNAME 是你的 GitHub 用户名

2. 配置 Google Scholar 引用统计

1. 在 Google Scholar 主页找到你的用户 ID（URL 中的 user=SCHOLAR_ID）
2. 在仓库的 Settings -> Secrets -> Actions 中添加新的 secret：
   • Name: GOOGLE_SCHOLAR_ID
   • Value: 你的 Google Scholar ID
3. 在仓库的 Actions 页面启用 workflows
4. GitHub Action 会在 google-scholar-stats 分支生成 gs_data.json 文件
5. 每天 08:00 UTC 自动更新，或当主分支更新时触发

3. 配置网站信息

编辑 _config.yml 文件，修改以下配置：

• title: 网站标题
• description: 网站描述
• repository: 仓库名称（格式：USER_NAME/REPO_NAME）
• author: 作者信息（姓名、头像、简介、位置、工作单位等）
• google_analytics_id: Google Analytics ID（可选）
• SEO 相关配置（可选）

4. 添加个人内容

编辑 _pages/about.md 文件，添加你的个人信息：

• 关于我
• 新闻动态
• 发表论文
• 荣誉奖项
• 教育经历
• 工作经历
• 朋友链接

你可以使用 HTML + Markdown 语法，支持显示论文引用数：

<span class='show_paper_citations' data='DhtAFkwAAAAJ:ALROH1vI_8AC'></span>

如何获取 Google Scholar 论文 ID？
访问你的 Google Scholar 主页，点击论文名称，在 URL 中找到 citation_for_view=XXXX，其中 XXXX 就是论文 ID。

5. 生成 Favicon

使用 favicon-generator 生成网站图标，将所有生成的文件下载到 images/ 目录。

6. 发布网站

提交更改并推送到 GitHub，网站会自动发布到 https://USERNAME.github.io。

本地调试

环境要求

• Ruby（推荐 2.6+）
• RubyGems
• GCC 和 Make
• Bundler

安装步骤

1. 克隆仓库到本地

   git clone https://github.com/xll0328/xll0328.github.io.git
   cd xll0328.github.io

2. 安装 Jekyll 依赖

   bash setup_jekyll.sh

   或者手动安装：

   bundle install

3. 启动本地服务器

   bash start_server.sh

   或者：

   bundle exec jekyll serve --livereload --host 127.0.0.1 --port 4000

4. 访问网站 在浏览器中打开 http://127.0.0.1:4000

5. 实时预览 修改源代码后，livereload 服务器会自动刷新页面

代理设置（如需要）

如果网络访问受限，可以在 start_server.sh 中配置代理环境变量：

export https_proxy=your_proxy_address
export http_proxy=your_proxy_address
export all_proxy=your_proxy_address

请根据你的实际代理配置修改相应的地址和端口。

项目特色

羽毛球主题设计

• 采用羽毛球主题的渐变色彩方案（蓝色、绿色、橙色）
• 李梓嘉主题背景图片装饰
• 动态渐变分隔线
• 统一的悬停效果和过渡动画

全屏漂浮动画

• 30+ 种图标（羽毛球、AI、研究、学术等）
• 多种动画方向（向上、向下、左右）
• 不同速度的动画效果
• 低透明度设计，不干扰内容阅读

优化的内容展示

• 新闻动态：可滚动容器，卡片式布局
• 发表论文：支持 CCF、Core、IF 等学术指标展示
• 荣誉奖项：网格卡片布局，图标和徽章
• 教育经历：时间轴布局，清晰的视觉层次
• 工作经历：卡片式展示，标签和统计信息

文件结构

.
├── _config.yml          # Jekyll 配置文件
├── _data/               # 数据文件（导航等）
├── _includes/           # 包含文件（头部、脚本等）
├── _layouts/            # 布局模板
├── _pages/              # 页面内容
│   └── about.md        # 主页内容
├── assets/              # 静态资源
│   ├── css/            # 样式文件
│   └── js/             # JavaScript 文件
├── images/              # 图片资源
│   └── lee_zii_jia/    # 李梓嘉主题图片
├── setup_jekyll.sh      # Jekyll 环境安装脚本
└── start_server.sh     # 服务器启动脚本

技术栈

• Jekyll: 静态站点生成器
• SCSS: CSS 预处理器
• JavaScript: 动态效果和交互
• GitHub Pages: 网站托管
• GitHub Actions: 自动化工作流

致谢

• 本网站基于 AcadHomepage 模板构建
• 使用了 Font Awesome 图标库
• 受到 minimal-mistakes 和 academicpages 的启发

许可证

本项目采用 MIT 许可证。详见 LICENSE 文件。

联系方式

• 网站: https://xll0328.github.io
• GitHub: https://github.com/xll0328
• Google Scholar: https://scholar.google.com/citations?user=gRXN-rMAAAAJ

---

⭐ 如果这个项目对你有帮助，欢迎 Star！