缘由

平时没事的时候就喜欢去P站逛一逛随手收收图，前段时间翻收藏夹的时候发现有些图被作者删了甚至作者注销账号跑路了 ，于是就有了把收藏夹的图全爬下来保存在本地的想法。

后面实践的时候又想着光存个图片没啥用啊作者啥的信息都没有，于是把图片的元数据（作者信息，Tag等）也存了下来。

全部搞完又发现拿图片浏览器看图的时候也没法看到图片信息啊，总不能手动拿图片ID去数据库里搜吧，那我之前花半天时间爬那么多数据干嘛 ，又琢磨着做一个图片浏览器。

后面准备的时候又看到一些瀑布流布局的图片壁纸网站觉得挺好看的，正好最近在学 Vue ，干脆就做个展示图片的网站吧，部署到线上后随时随地都能访问挺不错的，于是就有了这个项目

简介

访问链接：OriLightのPixiv收藏夹

Github仓库：orilights/PixivCollection

个人的P站收藏夹，瀑布流布局，带有简单的浏览和筛选功能

纯前端静态网站，无后端服务，图片数据是一次性全部加载的，网不好的话需要点时间

Tag 缺失和翻译混乱是正常现象，因为P站的原始数据就这鸟样子

技术栈：Vue3+Vite+Pinia+TailwindCSS

瀑布流、虚拟列表和懒加载都是自己实现的，性能不咋滴 BUG 还多，大佬们轻喷

图片和信息爬取脚本有开源的打算，但写得太乱自己都看不下去了，之后有空整理下再放出来吧

功能

  • 图片浏览

    • 瀑布流布局，可自定义瀑布流列数与间隔
    • 简易的图片浏览器，支持PC端和移动端的图片缩放与拖动

  • 图片筛选

    • 通过发布年份、形状、尺寸、健全度、R18、作者、标签筛选图片

  • 图片搜索

    • 通过图片id、图片标题、作者id、作者昵称搜索图片
  • 夜间模式
  • 全屏模式

感谢

upbit/pixivpy