阶段 1 完成总结 ✅

阶段 1 完成总结 ✅

已创建/修改的文件清单

✅ 核心配置文件（1个修改）

  • _config.yml - 更新站点信息、添加项目集合、修改导航

✅ 样式文件（2个创建/修改）

  • assets/css/custom.css - 新增自定义样式（项目卡片、按钮、CV打印样式）
  • _includes/head.html - 修改，引入 custom.css

✅ 页面文件（4个创建/修改）

  • index.html - 替换为学术主页（Hero + Featured Projects）
  • cv.md - 新增在线CV页面（可打印）
  • about.md - 改为英文简历式简介
  • blog/index.html - 迁移原博客首页

✅ 项目相关（5个创建）

  • _projects/light-exposure-ml.md - 项目示例1（光照分类）
  • _projects/primekg-rgcn.md - 项目示例2（知识图谱）
  • _layouts/project.html - 项目详情页模板
  • _includes/project-card.html - 项目卡片组件
  • projects/index.html - 项目索引页

✅ 资源文件（1个创建）

  • images/project-thumbs/README.md - 项目缩略图说明

文件结构变化

arnold117.github.io/
├── 🆕 assets/css/custom.css
├── 🔄 _config.yml (修改)
├── 🔄 _includes/head.html (修改)
├── 🔄 index.html (完全替换)
├── 🔄 about.md (完全改写)
├── 🆕 cv.md
│
├── 🆕 _projects/
│   ├── light-exposure-ml.md
│   └── primekg-rgcn.md
│
├── 🆕 _layouts/
│   └── project.html
│
├── 🆕 _includes/
│   └── project-card.html
│
├── 🆕 projects/
│   └── index.html
│
├── 🆕 blog/
│   └── index.html (迁移自原 index.html)
│
└── 🆕 images/project-thumbs/
    └── README.md

下一步：本地预览

在 PowerShell 中运行：

# 1. 安装依赖（如果还没安装）
bundle install

# 2. 启动本地服务器
bundle exec jekyll serve --livereload

# 3. 在浏览器打开
# http://localhost:4000

预期效果：

  • 首页显示 Hero 区域 + “Projects coming soon…“（因为还没有项目缩略图）
  • 导航栏：Home Projects Blog About CV
  • 点击 Projects 看到 2 个项目卡片（无缩略图）
  • 点击项目标题进入详情页
  • 点击 CV 看到在线简历
  • 点击 Blog 看到原来的博客列表

⚠️ 待补充的内容

必需补充（网站才能完整显示）

  1. 项目缩略图（2张）
    • images/project-thumbs/light-exposure.jpg
    • images/project-thumbs/primekg.jpg
    • 临时方案：在项目 front matter 中删除 thumb: 行

可选补充（提升专业度）

  1. 真实的项目链接（更新项目 .md 文件中的 TODO）
    • GitHub 仓库链接
    • 论文/预印本链接
    • 海报/报告 PDF
  2. Google Scholar / ORCID（更新首页和 About 页面）
  3. 头像图片（更新 _config.yml 中的 avatar）

📋 验收检查清单

在本地预览后检查：

  • 首页显示你的姓名和定位
  • 首页有 3 个按钮（View CV / Email / GitHub）
  • 导航栏显示新的菜单项
  • Projects 页面可以访问
  • CV 页面可以访问并包含你的信息
  • About 页面是英文简介
  • Blog 页面显示所有27篇博客
  • 移动端查看（缩小浏览器窗口）布局正常
  • 点击项目卡片进入详情页

🚀 部署到 GitHub Pages

一切看起来正常后：

git add .
git commit -m "Phase 1: Convert to academic homepage with projects"
git push origin master

等待 2-5 分钟，GitHub Pages 会自动重新构建。

🎯 后续阶段预告

阶段 2 将创建：

  • Publications 页面（论文列表）
  • Talks 页面（讲座/Slides）
  • 数据驱动的内容管理（YAML 文件）

阶段 3 将添加：

  • SEO 优化（Schema.org / OG 卡片）
  • 中文子站
  • 更多可选功能

❓ 常见问题

Q: 本地预览报错怎么办？ A: 确保已安装 Ruby 和 Bundler。运行 bundle install 安装所有依赖。

Q: 项目缩略图在哪里？ A: 需要你自己添加到 images/project-thumbs/ 文件夹。临时可以删除 front matter 中的 thumb: 字段。

Q: 如何添加新项目？ A: 在 _projects/ 文件夹创建新的 .md 文件，参考现有项目的格式。

Q: 博客文章的 URL 会变吗？ A: 不会！所有旧的博客链接仍然有效（/文章标题/）。

生成时间：2025-11-04