如何管理经历时间线

如何管理经历时间线

文件结构说明

样式文件: assets/css/main.scss - 包含了时间线的CSS样式
模板文件: _includes/experience-timeline.html - HTML模板，负责渲染时间线
数据文件: _data/experiences.yml - 存储所有经历数据
页面文件: _pages/about.md - 主页面，通过include引用时间线

如何添加新的经历

只需要编辑 _data/experiences.yml 文件，按照以下格式添加新条目：

- date: "时间范围"
  position: "职位名称"
  company: "公司/机构名称"
  url: "公司网站链接（可选）"
  icon: "logo图片文件名（可选）"
  description: "详细描述（可选，支持HTML）"
  supervisor:  # 导师信息（可选）
    - name: "导师姓名"
      url: "导师链接（可选）"

示例：添加新经历

- date: "Jan, 2024 - Present"
  position: "Software Engineer"
  company: "Google"
  url: "https://google.com"
  icon: "google.png"
  description: "Working on machine learning infrastructure"
  supervisor:
    - name: "Dr. John Doe"
      url: "https://johndoe.com"

图片管理

将公司logo放在 images/ 目录下，推荐尺寸为 24x24 像素的PNG格式。

优势

易于维护: 只需编辑YAML文件即可更新内容
一致性: 所有条目使用相同的模板和样式
灵活性: 支持可选字段，可以根据需要显示不同信息
可扩展: 可以轻松添加新字段和功能