# 📸 图片存放目录
使用说明
- 将您的家庭照片放入此目录
- 支持格式:
.jpg,.jpeg,.png,.gif,.webp - 建议使用有意义的文件名,如:
family_dinner_2024.jpg
- 支持格式:
- 修改 index.html 中的图片路径
打开 index.html,找到以下配置:
const IMAGE_BASE_URL = ''; // 本地测试留空
然后修改 photos 数组中的图片路径:
const photos = [ { src: 'photos/您的图片文件名.jpg', // 改为实际文件名 title: '图片标题', date: '2024-01-15', description: '图片描述', category: '分类名称' }, // ... 更多图片 ];
- 外网访问配置
当您需要外网访问时:
const IMAGE_BASE_URL = 'http://您的公网IP:8080'; // 或使用内网穿透地址 const IMAGE_BASE_URL = 'https://xxx.ngrok.io';
示例目录结构
photos/ ├── README.md # 本说明文件 ├── family_dinner.jpg # 家庭聚餐照片 ├── beach_trip.jpg # 海边旅行照片 ├── birthday_party.jpg # 生日派对照片 └── ... # 更多照片
快速测试
启动服务器后,在浏览器访问:
- 本地:
http://localhost:8080/photos/您的图片.jpg - 局域网:
http://本机IP:8080/photos/您的图片.jpg - 外网:
http://公网IP:8080/photos/您的图片.jpg
💡 提示:首次使用时,建议先放 1-2 张测试图片,确认能正常访问后再批量添加。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/280210.html