大蓝本儿 · Sunshine-note 💙

一个瀑布流式的男性社群兴趣分享社区 主题：8·3 国际散帅节（International Sunshine Day）

散散帅 · 交交友 · 互帮互助

🔗 在线体验：https://kraolacy.github.io/dalanbener/

🌞 这是什么

大蓝本儿（Sunshine-note） 是一个开源的社区应用，采用瀑布流笔记的形态（发帖 + 点赞收藏评论 + 关注 + 私信），界面是 赛博朋克 2077 风格。 内容聚焦 男性社群的兴趣、生活与互助：健身撸铁、机械键盘、钓鱼、篮球、数码、汽车、下厨房、露营、手冲咖啡、程序人生、球鞋、摄影……

它有两种运行方式：① 纯前端演示版（数据存浏览器、零部署、可离线 / GitHub Pages）；② 自托管联网版（带后端，多人注册共享、私信可用，可跑在自己的 NAS / 服务器）。前端会自动判断走哪种。

节日彩蛋是 8 月 3 日「国际散帅节」：

三月八号是女神节，八月三号是散帅节。 今天，放下手机，散步、散心、散个帅 —— 做一个阳光、松弛、爱交朋友的男人。

（"散帅" ≈ Sunshine 的谐音梗，8·3 也是 3·8 妇女节的一个善意反转。）

ℹ️ 说明：这是一个轻松、包容的趣味项目，纯属自娱与技术练习，不针对、不冒犯任何群体。欢迎所有人来玩。

✨ 功能一览

两种模式自动切换：前端启动时探测后端——连得上就走后端 API（真账号、多人共享、私信可用）；连不上退回浏览器 localStorage（单机演示、数据存本地、可离线）。

🔒 关于安全：演示版账号只存在你本机浏览器（无加密），请勿用真实密码；联网版密码用 bcrypt 加密存服务器数据库。

🛠 技术栈

• 前端：React 18 + Vite 6，单文件可离线打开（vite-plugin-singlefile）
• 后端（可选）：Node + Express + 内置 node:sqlite（免原生编译）、bcrypt 密码加密、JWT 鉴权
• 状态：React Context，双模式（后端 API / localStorage），见 src/store.jsx、src/api.js
• 样式：原生 CSS（src/styles.css），赛博朋克 2077 风格，移动端优先，响应式 masonry
• 演示版不依赖任何外链资源，可离线运行

🚀 快速开始

# 1. 安装依赖
npm install

# 2. 启动开发服务器（默认 http://localhost:5173 ）
npm run dev

# 3. 生产构建
npm run build

# 4. 本地预览构建产物
npm run preview

需要 Node.js ≥ 18。

📁 项目结构

.
├── index.html · vite.config.js
├── src/                        # 前端
│   ├── main.jsx / App.jsx      # 入口 / 外壳（顶栏·分类·底部导航·弹层）
│   ├── store.jsx               # 全局状态（后端 API + localStorage 双模式）
│   ├── api.js                  # 后端 API 客户端
│   ├── data.js                 # 分类定义 + 种子内容
│   ├── styles.css              # 赛博朋克 2077 样式
│   └── components/             # Feed·PostCard·PostDetail·CreatePost·Festival
│                               # Help·Me·AuthModal·ColumnIntro·