Skip to content

orilights/PixivCollection

Repository files navigation

PixivCollection

preview

简介

示例站点

将个人的P站收藏夹数据爬取到本地并部署为在线网站

无后端设计,图片数据一次性全部加载,图片较多时可能需要较长的时间

(测试)支持基于 HibiAPI 的在线模式 Demo

功能

  • 图片浏览
    • 瀑布流布局,可自定义瀑布流列数与间隔
    • 简易的图片浏览器,支持PC端和移动端的图片缩放与拖动
  • 图片筛选
    • 通过发布年份、形状、尺寸、不健全度、R18、作者、标签、收藏数筛选图片
  • 图片搜索
    • 通过图片id、图片标题、作者id、作者昵称、标签、标签翻译搜索图片
  • 夜间模式
  • 全屏模式
  • 在线模式(测试)
    • 使用 HibiAPI 获取数据,需要配置 VITE_ONLINE 开头的相关环境变量

部署

1.构建前端

Note

构建前端需要安装 NodeJS 环境及 PNPM 包管理器

# 安装依赖
pnpm i

# 构建前端
pnpm build

构建后的前端文件位于 dist 目录下,将其上传至服务器即可

2.爬取数据

数据爬取脚本及使用

使用上述脚本将收藏夹图片和图片信息爬取到本地

3.上传数据

将脚本生成的 images.json 上传至服务器 ./ 目录

(可选) 将爬取到的原图上传至服务器 ./image/original 目录

将脚本生成的预览图上传至服务器 ./image/preview 目录

将脚本生成的缩略图上传至服务器 ./image/thumbnail 目录

可用环境变量

  • VITE_DATA_FILE: 数据文件路径,默认为 images.json
  • VITE_IMAGE_PATH_ORIGINAL: 图片原图路径,默认为 ./image/original
  • VITE_IMAGE_PATH_PREVIEW: 图片预览图路径,默认为 ./image/preview
  • VITE_IMAGE_PATH_THUMBNAIL: 图片缩略图路径,默认为 ./image/thumbnail
  • VITE_IMAGE_FILENAME: 图片名称格式,默认为 {id}_p{part}.{ext}
  • VITE_IMAGE_FORMAT_PREVIEW: 图片预览图格式,默认为 webp,设置为 <ext> 时为与原图相同格式
  • VITE_IMAGE_FORMAT_THUMBNAIL: 图片缩略图格式,默认为 webp,设置为 <ext> 时为与原图相同格式
  • VITE_IMAGE_ALLOW_DOWNLOAD_ORIGINAL: 是否允许下载原图,默认为 true
  • VITE_MASONRY_LOAD_DELAY: 瀑布流图片加载延迟,单位毫秒,默认为 300
  • VITE_ONLINE_MODE: 开启在线模式,默认为 false
  • VITE_ONLINE_API: HibiAPI Pixiv 收藏夹接口,默认为空
  • VITE_ONLINE_USER_ID: Pixiv 用户 ID,默认为空
  • VITE_ONLINE_PXIMG: Pixiv 图片代理,默认为 pximg.orilight.top
  • INJECT_HEAD: Head 标签末尾插入内容,默认为空,可用于插入统计代码

Releases

No releases published

Packages

No packages published

Languages