Publications Images Setup Guide

为您的论文添加图片

您的网站现在已经配置为支持为每篇论文显示图片。我已经为您完成了以下配置：

🎯 已完成的配置

1. 创建了新的论文模板 (_includes/archive-single-publication.html)
   • 支持左侧显示图片，右侧显示论文信息
   • 现代化的卡片式布局
   • 响应式设计
   • 可折叠的引用信息
2. 更新了所有论文文件
   • 为每篇论文添加了 image 字段
   • 更新了论文页面以使用新模板
3. 更新了发表论文页面
   • 添加了顶部的个人简介图片
   • 使用新的论文展示模板

📸 需要添加的图片

请为以下论文创建并添加对应的图片文件到 /images/ 目录：

🎨 图片建议

• 尺寸: 推荐 300x300 像素 (1:1 方形比例)
• 格式: PNG、JPG 或 GIF (支持动画)
• 内容: 论文的主要概念图、系统截图、研究结果可视化或动态演示
• 质量: 清晰、专业的学术风格
• GIF特点:
  • 适合展示系统工作流程、算法演示、交互过程
  • 建议文件大小控制在2MB以下以确保快速加载
  • 循环播放，无需用户点击

📁 文件结构

images/
├── profile.png (已存在)
├── vresin-teaser.png (或 .gif)
├── conavimap-teaser.png (或 .gif)
├── sketch2terrain-teaser.gif (推荐动画展示AI过程)
├── 3d-sketch-mapping-teaser.png (或 .gif)
├── covid-risk-assessment-teaser.gif (推荐动画展示模拟过程)
├── dynamic-distancing-teaser.gif (推荐动画展示动态模型)
└── campus-epidemic-teaser.png (或 .gif)

🎬 GIF动画建议

特别适合使用GIF的论文类型：

• 系统演示: VResin、CoNaviMap、Sketch2Terrain
• 模拟结果: COVID风险评估、动态距离模型
• 交互过程: 3D sketch mapping、用户界面操作
• 算法可视化: AI驱动的地形生成过程

GIF制作技巧：

1. 时长: 3-8秒循环，展示关键过程
2. 帧率: 10-15 FPS，平衡流畅度和文件大小
3. 文件大小: 建议1-2MB，确保快速加载
4. 内容: 突出论文的核心贡献和创新点

🔧 如何添加论文图片（包括GIF）

1. 将图片文件上传到 /images/ 目录
2. 在论文的 Markdown 文件中添加 image 字段：

---
title: "Your Paper Title"
# ... 其他字段 ...
image: 'your-image-filename.png'    # 静态图片
# 或
image: 'your-animation.gif'         # 动画GIF
---

💡 静态图片 vs 动画GIF选择

静态图片（PNG/JPG）适用于：

• 论文结果图表
• 系统架构图
• 概念示意图
• 最终效果展示

动画GIF适用于：

• 系统工作流程演示
• 用户交互过程
• 算法执行步骤
• 模拟过程展示
• 前后对比效果

💡 布局特点

• 左侧图片: 150x150px 显示尺寸，1:1方形比例，带圆角和阴影
• 右侧内容: 包含标题、发表信息、摘要、链接和引用
• 响应式: 在小屏幕上自动调整布局
• 交互式: 引用信息可折叠展开

🚀 预览效果

图片将显示为：

• 左侧固定150x150px的方形缩略图
• 保持1:1宽高比，自动裁剪居中显示
• 圆角边框和轻微阴影效果
• 点击图片可查看论文详情

现在您只需要准备相应的论文图片并上传到 images 目录即可！