👉 仓库地址： https://github.com/iuroc/haixiu 怎么使用 🍑 方式一 直接访问：https://iuroc.github.io/haixiu/。 🍎 方式二 Fork 本项目，然后使用 Github Pages 部署 /docs 目录 。 项目特点 [ol]纯静态网站，可直接用 Github Pages 部署支持数据分页和按标签显示，支持滚动到底部自动增加下一页内容基于 PhotoSwipe 实现高质量的图片查看器图片查看器切换图片时，缩略图列表跟随滚动，看到哪跟到哪图片查看器到最后一张时，自动增加下一页数据，不中断浏览基于 Location Hash 实现支持 history.back() 关闭图片查看器，兼容移动端返回键基于 Location Hash 实现支持 history.forward() 打开图片查看器，并自动恢复上一次位置通过 Hash 关闭图片查看器时，支持打断动画，体验很不错自动记录滚动条位置，消除 HashChange 事件对滚动条的影响 [/ol] 相关技术 [ol]使用 Node.js Fetch API 爬虫将数据爬取后，分页存储到多个 JSON 文件中，文件名中标记了页码和标签信息前端使用 Van.js 框架构建响应式 UI前端通过 Fetch 直接请求静态 JSON 文件实现分页请求使用 PhotoSwipe 库实现图片查看器 [/ol]
