给Pawchive翻新了一下
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 目录
链接
[*]项目地址：https://github.com/dragonjay-lyj/pawchive
[*]上游站：https://pawchive.st
[*]上游 API 文档：https://pawchive.st/api/schema
[*]预览：https://pawchive.dragonjay.top/
快速上手（自部署）
git clone https://github.com/dragonjay-lyj/pawchive.git
cd pawchive
npm install
npm run dev
# 浏览器打开 http://localhost:3000
贡献 & 反馈
[*]项目采用社区二次设计定位，欢迎 Fork、PR、Issue
[*]翻译不准/UI 建议/Bug 报告，都可以在 GitHub Issues 里提
[*]代码全 MIT 授权，内容归属仍属 pawchive.st
截图
https://i.postimg.cc/V6w3fX3p/pawchive-dragonjay-top.pnghttps://i.postimg.cc/NFJVkS5M/pawchive-dragonjay-top-(1).pnghttps://i.postimg.cc/GhfVBWWG/pawchive-dragonjay-top-(2).png
—— 感谢阅读，欢迎点赞 / 收藏 / 转发让更多人用到 ——
这个界面好美观呀{:6_165:}，原本网址的搜素tag不知道怎么回事没法搜素 Pawchive确实挺好用的呀，截图呈现出来的效果个人挺喜欢的:loveliness: 这个还是第一次知道，界面是挺多东西的。 经过楼主的调试后感觉更简洁舒适了XD
泥潭code区现在真是越来越好了~ 大面积的优化调整真是太用心了 楼主也太厉害了！重构完的前端页面看着超有设计感，整体观感很舒服呢 预览图有点点小，俺还是下载试一下再看看效果肿么样惹 这个界面比原版好看很多啊 感谢楼主！！找网站真的太难了 吼～优化后体验感能好不少欸 大变样了啊，康康好不好用 整体的改动非常大，楼主真是太厉害了 这个无数据库指的是NoSQL？个人重制之后的网站美观度上升了一大截呢，比之前方便很多 感谢分享！请问登录账号之后收藏页面加载不出来我关注的创作者，只有一句“Unable to load favorites. Check your session in Settings.”是怎么回事呢？ 嗯，先插个坐标，之后有时间了再来试验配制一下。 好额，可以试试新的配制惹 頁面比以前清楚多了，不過灌收藏跟15樓一樣的問題 感觉就像是赛博图书馆一样哈哈哈，看着也是很喜欢了 看起来很不错诶，楼主也是个大佬哇
页:
[1]
2