Jenkins自动化部署指南[代码]

Jenkins自动化部署指南[代码]图片存放目录 使用说明 将您的家庭照片放入此目录 支持格式 jpg jpeg png gif webp 建议使用有意义的文件名 如 family dinner 2024 jpg 修改 index html 中的图片路径 打开 index html 找到以下配置 const IMAGE BASE URL 本地测试留空 然后修改 photos

大家好,我是讯享网,很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。

# 📸 图片存放目录

使用说明

  1. 将您的家庭照片放入此目录
    • 支持格式:.jpg, .jpeg, .png, .gif, .webp
    • 建议使用有意义的文件名,如:family_dinner_2024.jpg
  2. 修改 index.html 中的图片路径

打开 index.html,找到以下配置:

 const IMAGE_BASE_URL = ''; // 本地测试留空 

然后修改 photos 数组中的图片路径:

 const photos = [ { src: 'photos/您的图片文件名.jpg', // 改为实际文件名 title: '图片标题', date: '2024-01-15', description: '图片描述', category: '分类名称' }, // ... 更多图片 ]; 
  1. 外网访问配置

当您需要外网访问时:

 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 张测试图片,确认能正常访问后再批量添加。

小讯
上一篇 2026-04-27 10:03
下一篇 2026-04-27 10:01

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/280210.html