我用 Go + Vue 3 复刻了一个 B 站(cakecake),含弹幕私信和 AI 助手等
·
前言
一直想做一个完整的全栈项目来检验自己的学习成果。B 站作为我最常逛的平台,自然成了首选目标。
第一次跑 Hermes,踩了很多坑也学到了很多东西。结果就是现在的 cakecake。
项目截图
| 首页 | 视频播放(含弹幕) |
|---|---|
![]() |
![]() |
| 搜索 | 个人中心 |
![]() |
![]() |
| 个人空间 | 动态 |
![]() |
![]() |
| 排行榜 | 消息中心 |
![]() |
![]() |
功能清单
用户端
- 首页推荐流 + 分区导航(动画/音乐/舞蹈等分区)
- 视频播放(弹幕开关等)
- 实时弹幕(WebSocket 通信、敏感词过滤、可调节透明度/密度)
- 评论 & 回复(按热度/时间排序、分页)
- 动态发布 & 互动(点赞、评论)
- 关注 & 私信(WebSocket 即时通讯)
- 全文搜索(Elasticsearch 可选)
- 个人中心 / 个人空间 / 收藏夹 / 观看历史 / 稍后再看
- 视频 & 专栏投稿
运营后台
- 视频审核(列表 + 详情 + 通过/驳回)
- 动态管理(查/删)
- 搜索热词配置
- 首页轮播图管理
其他
- AI 助手(DeepSeek API,对话式交互)
- JWT 双令牌(Access + Refresh Token,过期自动刷新)
- 视频异步转码(FFmpeg + RabbitMQ)
技术栈
- 后端: Go (Gin + GORM + WebSocket)
- 前端: Vue 3 + Vite + Vuex + SCSS
- 数据库: MySQL + Redis
- 消息队列: RabbitMQ(视频转码解耦)
- 存储: 阿里云 OSS
- 搜索: Elasticsearch(可选)
- AI: DeepSeek API(可选)
- 部署: Nginx 反代 + systemd 服务 + GitHub Actions CI
在线体验 & 源码
- 在线体验:https://chengzisoft.top/#/
- 演示视频:https://b23.tv/9VnJIWm
- GitHub:https://github.com/earthcake2233/cakecake
如果对你有帮助,欢迎点个 Star ⭐
更多推荐








所有评论(0)