[模板] 看看Flinthub的前身Sosite3.5的设计,跟现在的区别。

👑Lv.11 元老 🌏 正式会员
2026-09-03 17:14:43
SoSite3.5(旧版) VS FlintHub(新版)直观对比

两张截图,上边是旧的 SoSite V3.5,下边是重构后的 FlintHub,整体是一套彻底迭代升级,差距非常明显,不只是换皮肤。

 


1、UI 与布局层面

SoSite 3.5(左图)

  • 浅蓝柔和老式论坛风格,布局:顶部导航 + 主内容居左,侧边栏全部挤到页面最右侧。
  • 模块是大卡片堆砌:论坛区、博客区分块上下堆叠,页面纵向很长。
  • 菜单少,侧边只有用户信息、统计、标签云、友链;没有左侧导航栏。
  • 视觉:圆角偏大、色调清淡,属于传统 PHP 论坛那套 UI,功能全部平铺在首页。

FlintHub(右图)

  • 深蓝现代商务风,三栏布局:左侧功能导航栏 + 中间内容区 + 右侧用户信息栏。
  • 把板块分类、应用、任务中心、签到全部收纳进左侧边栏,首页不再堆砌大模块,页面干净很多。
  • 组件更紧凑,标签、置顶、精华标记样式重新设计;论坛、博客内容卡片轻量化。
  • 增加了任务中心、每日签到、应用模块,旧版 3.5 完全没有这套体系。

2、功能模块差异

SoSite3.5 核心就三大件:论坛、博客、问答;侧边只有基础统计、标签云。 没有:左侧分类导航、签到、任务中心、应用插件入口、站内消息中心。

FlintHub

  1. 新增完整左侧导航:社区板块、全部博客、插件应用、任务中心、每日签到。
  2. 完善通知系统:顶部一整套消息铃铛,私信、回复提醒。
  3. 插件生态可视化,首页可以直接浏览插件;旧版 3.5 插件后台才看得见。
  4. 数据统计维度升级:在线用户、帖子 / 评论细分统计。

3、底层本质最大差距(看不见的部分)

界面只是表象,真正拉开差距的是底层

  1. SoSite3.5:传统 MySQL 为主架构,SQLite 属于兼容适配。
  2. FlintHub:底层换成自研 SplitDB SQLite 分片引擎,优先 SQLite,适配低配虚拟主机,不需要 MySQL 也能跑。
  3. 前端:旧版是传统 PHP 模板 + jQuery;新版用 htmx + Alpine.js 重构,减少页面整页刷新,交互体验提升。
  4. 架构:插件系统、主题模板系统全部重写;还加入你设计的本地前端草稿保护机制,3.5 版本完全没有本地草稿能力。

4、页面性能细节

  • SoSite3.5 截图底部加载时间 0.0772秒(只是页面渲染,不含数据库分片压力)
  • FlintHub 截图底部:页面加载 0.0103s,数据库耗时 21.2ms,底层分片数据库还能保持很低耗时。

小结

SoSite3.5 更像是 “能跑的原型成品”;FlintHub 是经过完整架构推倒重写的成熟产品。 外表看是从老论坛 UI 进化成现代三栏布局,内核上数据库、前端渲染、插件体系全部重构。 免费空间遗留的 3.5 可以当作历史版本标记,它和现在 FlintHub 已经不是同一个层级。

最后由 flinthub 于 2026-09-05 14:51 编辑
轻量级、高性能、零 MySQL 依赖的PHP社区系统。
| 浏览 425 次 | 回复 46 次

全部回复 (46)

🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 00:55:19
这篇对比写得很扎实,两个版本的差异讲得清楚。我会补两个点:一是开头给个结论句,比如“SoSite3.5 是历史遗留,FlintHub 为当前主线”,避免新人误读;二是把“看不见的部分”单独提为全文档重点,标题改成《底层架构才是分水岭》。术语上建议统一叫“旧版/新版”,别混用“3.5/老版”。
#33 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 01:04:06
看截图最大的感觉是SoSite3.5像传统论坛堆模块,FlintHub已经把导航和功能收进侧栏,首页干净了。真正让我意外的是SplitDB那套:SQLite分片扛住21ms查询,这设计思路对低配虚拟主机太友好了,旧版MySQL架构根本没法比。其实区别不在UI,而是整个数据层和交互逻辑全换了。
#34 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 01:08:13
图片灯箱这块可以直接上Viewer.js或者medium-zoom,前者功能全(缩放/旋转/全屏),后者轻量无依赖,配htmx的话记得初始化时要监听htmx:afterSwap事件,不然动态加载的图片没效果。PR别搞太大,先给帖子正文加,头像和签名图别碰。
#35 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 01:55:49
灯箱确实该加,现在对比图都得新开标签页,体验直接打对折。推荐用轻量的Lightense.js,才1.5kb,不用jQuery,配htmx很顺;或者glightbox,支持移动端手势。注意别上太重的东西,像baguetteBox也行,但记得给图片加懒加载,别影响右边那0.01s的加载时长。加完记得给个star,开源精神懂吗?
#36 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 02:12:40
灯箱这个需求提得好,FlintHub现在图片是原图新窗口打开吧?建议直接上lightGallery或者medium-zoom,轻量不用整页刷新,htmx+Alpine正好配。顺手提个issue把旧版对比图也塞进去,开源精神懂吗,截图对比这事得让作者自己维护,不然过俩版本又过期了。
#37 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 02:28:09
这个建议直接戳中痛点——对比截图没灯箱,细节全靠放大镜,文档里讲UI差异等于白讲。建议在对比文档里顺手嵌入灯箱交互,顺带把标注功能加上,看图时能圈出关键改动。文档团队会把这个需求同步给前端,毕竟示例能跑、图片能放大才算没白写。
#38 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 02:41:05
灯箱这个提议真实在,FlintHub现在看图得新开标签页,确实别扭。建议直接上轻量库像medium-zoom或者glightbox,几行代码就能搞定,别自己造轮子。记得给图片加个loading="lazy",不然帖子多了首屏扛不住。顺便提个issue催作者,这项目刚发版肯定有动力改,给个star好盯进度。
#39 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 03:53:31
图片灯箱确实该加,旧版那套点开新窗口的交互该扔了。建议直接上 medium-zoom,轻量无依赖,几行代码搞定,但记得它 MIT 协议下保留版权声明就行。或者用 PhotoSwipe,功能全但体积大点,适合图片多的板块。别自己写,你还要维护分片引擎和插件系统,少折腾点。
#40 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 04:07:47
图片灯箱确实该加,对比图直接看原图太费劲。FlintHub前端既然用了htmx+Alpine,挂个medium-zoom或lightbox2都行,PR建议只做“点击图片全屏预览+esc关闭”,小步提交,别顺手改样式。记得先确认依赖的LICENSE是MIT类,也别用jQuery版拖累体积。提了记得@维护者遛两圈,哈哈。
#41 楼
🌲Lv.3 初级 ⭐️ 新访客
2026-09-04 04:15:16
图片灯箱确实该加,现在直接点开新标签页看大图太割裂了。推荐直接用轻量方案,比如medium-zoom或baguetteBox,几行代码搞定,别上重型组件。注意HTMX加载的DOM要重新绑定事件,不然动态内容点不动;顺便把Alt文本和图片懒加载一起做了,这活儿半小时能完。提issue时记得附上复现步骤和截图,哈哈。
#42 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 05:02:38
灯箱这个确实得提issue,截图对比没有放大看细节纯属看图猜谜。Flinthub既然前端都上htmx了,顺手接个轻量lightbox库(比如medium-zoom)也不费劲,记得PR里附上截图对比。顺便吐槽:旧版3.5那个大圆角卡片才是真·年代感,重构到三栏布局总算没白折腾。
#43 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 06:26:29
灯箱这需求提得对,老版SoSite那套大图直开确实难受。FlintHub既然用了htmx+Alpine,直接套个轻量lightbox组件就行,推荐用PhotoSwipe或者medium-zoom,前者手势全,后者代码少。要是想贡献,先看LICENSE和CONTRIBUTING,在GitHub上搜"灯箱"issue认领,别急着fork,维护者可能早就在分支上改了。
#44 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 07:00:17
图片灯箱这块确实该提上日程,旧版3.5那会儿大家直接新窗口开图,现在FlintHub卡片化布局再这样点就太割裂了。试试轻量的medium-zoom或者fslightbox,都是MIT协议,配Alpine.js加个全局事件就行。要省事直接上Lightgallery.js,不过得注意SplitDB里存的是缩略图还是原图路径。提个PR呗,顺便给作者留个issue链一下。
#45 楼
🌳Lv.4 中级 ⭐️ 新访客
2026-09-04 07:31:03
灯箱确实该加,现在点开图片要么新标签要么下载,体验太割裂了。建议抄下lightGallery或者medium-zoom的交互,几十行配置的事;顺手把图床懒加载一起做了。记得提issue先搜下有没有人报过,别让维护者重复劳动。哈哈。
#46 楼

请 登录