🚀 3.1.0 版本之后将逐步支持移动小程序,app等跨端产品,请留意群内通知。现在你可以获得开源前端一览比比小程序端的风采 立即体验 →

我们已经开始比比主题的小程序开发工作,现在已开放前端源码供开发爱好者学习

小鱼哥 发表于 1 周前 浏览 160 分类 未分类
报名进行中 时间: 2026-08-30 09:24:31 ~ 2026-09-30 00:00:00
已报名: 20

活动参与方法

点击【参与报名按钮】进行报名,成功后可在下方查看您的头像与昵称。

活动和获奖方式说明:

体验比比小程序源码,
1.推广到 超10 个群并引流 100 人进比比群的,奖励比比网 V认证用户 资格,奖项设置 1 名。先完成截图先获得
2.推广到 超 5 个群并引流 50 人进比比群的,奖励比比网 VIP年卡 1 张,奖项设置 2 名。先完成截图先获得

已成功参与的用户:
吴彦祖
吴彦祖
戈壁老林
戈壁老林
独步死神
独步死神
大富翁
大富翁
Deder
Deder
w
www2296945504
Liam
Liam
破恨南飞
破恨南飞
199X
199X
文星禾
文星禾
≮盖世★袅雄≯
≮盖世★袅雄≯
魅影丨时尚灬
魅影丨时尚灬
斗破苍穹
斗破苍穹
xu777777
xu777777
ご屌炸天的节奏ヾ
ご屌炸天的节奏ヾ
微胖女神
微胖女神
阿远
阿远
斗龙战士
斗龙战士
逼摇妹er,
逼摇妹er,
卑微的_執著
卑微的_執著

写在前面

大家好,我是比比主题的开发者。今天想和大家分享一个我们团队近期一直在推进的新项目——比比主题官方小程序

经过一段时间的筹备和技术调研,我们正式启动了比比 WordPress 主题的移动端小程序开发工作。目前,我们已经完成了第一个里程碑:一个基于临时本地数据的前端框架版本。虽然还没有完成与比比主题真实后台的 API 对接,但整体界面框架、交互逻辑和视觉风格已经基本成型。


技术选型:为什么选择 uniapp X + Tailwind CSS 4 + Skyline

在正式动手之前,我们花了相当一段时间评估技术方案。最终,我们确定了以下技术栈:

  • uniapp X:作为跨端开发框架,uniapp X 在性能和原生渲染能力上相比传统 uniapp 有了显著提升,同时保留了”一套代码,多端运行”的核心优势。这让我们未来在考虑扩展到其他平台(如支付宝小程序、App)时,能够最大程度复用现有代码。
  • Tailwind CSS 4:我们希望在小程序端延续比比主题一贯的现代化视觉风格。Tailwind CSS 4 的原子化 CSS 方案让我们能够快速构建响应式、高度定制化的 UI,同时保持样式文件的可维护性。
  • Skyline(微信小程序渲染引擎):为了获得更接近原生 App 的流畅体验,我们选择了微信的 Skyline 渲染引擎。它在列表滚动、页面转场动画和复杂布局性能上都有明显优势,这与我们对”比比小程序”的体验预期高度契合。


特别致谢:站在巨人的肩膀上

我们的前端框架源码并非从零开始构建,而是基于社区优秀的开源方案进行了深度定制和扩展。在此,我们要特别感谢以下两个项目:

  • icebreaker 的 Tailwind CSS for uniapp:为我们提供了 uniapp 环境下 Tailwind CSS 4 的完整解决方案,让我们能够快速在 uniapp X 项目中落地原子化 CSS 的开发模式。
  • Cool Unix 通用组件库:作为官方赛事一等奖项目,Cool Unix 提供了基于 Tailwind CSS 的 uvue 通用组件库,支持多语言、深色模式、鸿蒙适配等特性,为我们的组件化开发提供了坚实基础。

正是这些优秀开源项目的存在,让我们能够将更多精力投入到比比主题特有的业务逻辑和视觉风格打磨上。


当前进展:一个”看得见、摸得着”的临时版本

目前,我们已经输出了一个临时本地数据版本的比比小程序界面。

这个版本的核心价值在于:你可以完整体验到官方小程序的整体前端样式和交互流程。所有文章列表、详情页、分类导航、个人中心等模块的 UI 已经按照比比主题的设计语言进行了还原。

需要说明的是,当前版本使用的是我们内置的模拟数据,尚未完成与比比主题真实后台的数据对接。这意味着你看到的文章、分类、用户信息等都是占位数据。但页面结构、组件封装、状态管理和路由逻辑都是按照最终生产环境的标准来编写的。


如何体验?扫码即可(名额有限,先到先得)

如果你对比比小程序的当前效果感兴趣,现在就可以通过微信扫描下方二维码,直接体验官方小程序的前端界面。

⚠️ 体验名额说明:由于微信小程序体验版用户额度有限,申请体验通过后,权限将在每月底自动清空。如果你在下个月仍需继续体验,需要重新提交申请。每月体验额度通过满为止,建议大家尽早申请。

我们非常欢迎你在体验后,通过留言或社区反馈你的感受和建议。你的每一条意见,都会直接影响我们后续的功能迭代和视觉优化方向。


开源计划:9 月 1 日,GitHub 见

这是我们今天要宣布的最重要的消息:

我们将于 2026 年 9 月 1 日,将比比小程序的前端开发源码正式上传到 GitHub,完全开源。

https://github.com/beebeefish/uni-app-x-beebeework

这意味着,所有喜欢比比主题设计风格的开发者,都可以免费获取这套前端代码,基于它进行二次开发,打造属于自己的小程序项目。


开源范围说明:我们开源什么,不开源什么

为了让大家对开源内容有清晰的预期,这里我们需要明确说明开源的边界:

表格

开源内容 ✅不开源内容 ❌
完整的前端框架代码(uniapp X 项目)与比比主题真实后台对接的 API 接口层
基于 Tailwind CSS 4 的样式系统和组件库后端数据接口、数据库结构、业务逻辑
页面路由、状态管理、本地数据模拟方案用户系统、付费验证、主题授权相关代码
Skyline 适配方案和性能优化实践服务端渲染(SSR)及私有部署配置

简单来说:我们开源的是”前端框架和样式”,而不是”完整的后端服务”。

做出这个决定的原因很简单:比比主题的商业模式和核心服务能力建立在后端系统之上,这部分涉及用户数据、授权验证和商业逻辑,不适合公开。但我们希望前端的设计理念和工程实践能够为社区所用,让更多开发者受益。


给开发者的邀请

如果你是一名前端开发者,或者正在学习 uniapp、小程序开发,我们真诚地邀请你关注这个项目。

开源之后,你可以:

  • 学习参考:了解如何使用 uniapp X + Tailwind CSS 4 构建现代化小程序
  • 样式复用:直接复用比比主题的视觉组件,快速搭建自己的项目界面
  • 二次开发:基于我们的前端框架,对接你自己的后端 API,打造独立产品
  • 贡献代码:如果你发现了 Bug 或有优化建议,欢迎提交 PR

我们相信,开源不仅是代码的共享,更是设计思想和工程经验的传递。比比主题从 WordPress 社区成长起来,现在也希望能在小程序开发社区里,回馈一份力所能及的力量。


写在最后

从 WordPress 主题到小程序,比比正在尝试跨越平台的边界。9 月 1 日,我们 GitHub 仓库见。

如果你对这个项目有任何疑问,或者希望在开源前了解某些技术细节,欢迎在评论区留言。我们会尽量回复每一条有价值的讨论。

感谢一路支持比比的每一位用户和开发者。

—— 比比主题团队
2026年8月27日


共 3 条评论
相关内容

暂时没有内容