如何搭建展示延时摄影照片的网页？新手技术求助

一、技术栈选型（优先文档完善、易上手） #

• 前端：纯HTML/CSS/JavaScript足够，新手友好且文档齐全。若想快速搭建美观界面，可搭配Bootstrap（组件丰富、官方文档详细），无需复杂前端框架。
• 后端（可选）：既然你已掌握Python脚本，优先选Flask或轻量版Django——学习成本低，官方文档完善，适配你的现有技术基础。追求极简的话，也可尝试静态站点生成工具（如Jekyll），但动态导航功能会受限。

二、是否需要PHP/MySQL？ #

完全不需要，除非你后续计划添加用户系统、数据统计等复杂功能。你的场景核心是依托Dropbox的目录结构实现导航，直接通过Dropbox API读取文件列表即可，无需额外用数据库存储文件信息——Dropbox已按年/月/日帮你做好了分类，直接以此为导航依据就行。

三、简易实现步骤 #

1. Dropbox API集成优化：
   • 替换curl上传方式，改用Dropbox官方Python SDK（dropbox包），稳定性更强，还能直接获取文件列表、修改时间等关键信息，方便生成导航逻辑。
   • 编写Python脚本，定时通过API拉取Dropbox中的照片目录结构（比如所有年份文件夹、对应月份、日期，以及每日照片列表），或在网页请求时实时调用API获取。
2. 网页核心功能实现：
   • 初始加载：按文件名时间戳排序，获取最新照片并居中展示。
   • 导航逻辑：
     • 前后15分钟切换：根据当前照片的文件名时间，计算前后15分钟的文件名，直接请求对应照片（需处理当天首张/末张的边界情况）。
     • 年月步进切换：生成年份、月份下拉菜单，选择后加载对应月份的日期列表，再点击日期加载当日照片进行切换。
   • 样式搭建：用Bootstrap的网格系统+卡片组件，快速实现整洁美观的布局，比如照片居中显示、导航按钮固定在页面底部/顶部。
3. 部署方案：
   • 直接部署在树莓派上即可：用Flask搭建轻量后端提供API，或用Nginx托管静态页面（若采用静态生成方案），树莓派的性能完全能满足需求。

四、类似项目参考 #

不少延时摄影网页展示项目逻辑和你一致：用树莓派定时拍摄照片、上传云存储，再搭建网页实现导航查看。你可以搜索“raspberry pi time-lapse web gallery”找到开源代码，大多是Python+Flask实现，修改适配Dropbox即可直接使用。

内容的提问来源于stack exchange，提问作者Techtopia