给Pawchive翻新了一下

DragonJay · 发表于前天 20:06

Pawchive
为 pawchive.st 打造的社区版重构前端

项目简介

pawchive.st 是一个免费开放的公共归档站，汇集了 Patreon / Pixiv Fanbox / Fantia / SubscribeStar / Discord / Gumroad / Boosty / 爱发电 等付费平台上创作者的公开内容。原站前端功能齐全但美术设计上略显朴素。

Pawchive 是一个 完全独立开发 的社区版前端 —— 用 Next.js 16 + React 19 + Tailwind CSS v4 从零重写，套接同一份 API，同时补齐原站没有的功能：多语言、AI 翻译、图片灯箱、自定义主题、Bento 收藏分组等。

核心亮点

中英双语 — 根据浏览器语言 + IP 自动切换，可手动切换并持久化
DeepLX 翻译 — 帖子描述、评论一键翻译，支持自定义 DeepLX 端点，翻译结果本地缓存并支持导出
图片灯箱 — 内置全屏预览：键盘方向键翻页 / +/- 缩放 / 拖拽平移 / 底部缩略图条 / 懒加载
收藏 Bento 分组 — 可拖拽排序 / 自定义 emoji、颜色、封面图片
搜索 — 标准 / 高级筛选（平台、文件类型、日期范围）/ 创作者搜索
自定义外观 — 4 主题（含深色/暗黑/午夜/自定义主色）+ 字体族 + 圆角尺度
完整覆盖上游 API — 收藏、举报重抓取、评论、帖子历史版本、文件哈希查找、Importer 提交

设计语言

融合 5 层视觉体系：

基础层	Dark Minimal（深色留白）
结构层	Fluent Design 2（导航、抽屉、面板）
内容层	Material Design 3（卡片、Chip）+ Booru 网格
特色层	Glassmorphism / Cyberpunk（AI 区域）
强调层	Neo-Brutalism（平台标识、CTA 按钮）

页面速览

首页 — Bento Grid Hero + 平台入口 + 最新帖子瀑布流
浏览页 — 平台/文件格式筛选 + 三种视图（网格/瀑布/列表）+ 移动端底部抽屉筛选
创作者主页 — Editorial 大 Banner + 关注按钮 + 公告时间线（按月折叠 + Markdown）+ 无限滚动作品网格
帖子详情 — 图片灯箱 + 主描述区 + 收藏/举报按钮 + 附件下载 + 历史版本 + 评论翻译 + 相关推荐
搜索页 — 4 tab 切换（标准/高级/创作者/智能搜索）+ 客户端本地扫描（上游未实现服务端搜索时的兜底）
收藏页 — 已收藏创作者/帖子 + Bento 分组管理（拖拽/emoji/颜色/封面）
文件哈希查找 — SHA-256 精确定位来源帖子与 Discord 消息
Importer 页 — 从付费站提交 session key 贡献缺失内容，支持 bookmarklet 一键读取 cookie
设置页 — 账号连接、外观（主题/字体/圆角/主色）、内容分级、隐私、翻译端点、AI 搜索端点、语言、管理员

技术栈

Next.js 16 (App Router + Turbopack)
React 19 · TypeScript
Tailwind CSS v4 · 五层设计 token 体系
DeepLX · scrypt admin store · HMAC session
无数据库 — localStorage + 服务端 .data 目录

链接