|
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 目录
链接
快速上手(自部署)
- 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
截图
 .png) .png)
—— 感谢阅读,欢迎点赞 / 收藏 / 转发让更多人用到 ——
|