# 碧蓝档案多人主题博客

**Repository Path**: xiatianYa1003/BlueArchiveBlog

## Basic Information

- **Project Name**: 碧蓝档案多人主题博客
- **Description**: 一款基于Vue3+SpringCloud开发的多人在线博客,支持每个人在博客平台中分享自己的文章,相册,休闲时听听音乐,看看番剧,也可以发布留言,弹幕,评论,或者在公告聊天室内与来自五湖四海的开发者一起聊天。
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://www.bluearchive.top
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2024-06-24
- **Last Updated**: 2025-06-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Java, JavaScript, HTML, Vue, TypeScript

## README

## BlueArchiveBlog
碧蓝档案多人主题博客

## 网站地址
[bluearchive.top](http://www.bluearchive.top/)

## 技术栈
前端技术: Vue3(博客前端),NaiveUI,Artplayer(播放器),v-md-editor(文本编辑器),Element-UI,vue3-emjor(聊天表情),Pinia等。

后端技术：Java,SpringBoot,SpringCloud,MySQL,Mybatis-Plus,Redis,Nginx,Nacos,GateWay,Sentinel,RabbitMQ,Elasticsearch,Kibana等。

## 项目地址
- 博客地址(Gitee)：https://gitee.com/xiatianYa1003/BlueArchiveBlog.git
- 博客地址(Github)：https://github.com/xiatianYa/BlueArchiveBlog.git

## 本地启动
Vue2：
1. npm install
2. npm run dev

Vue3：
1. npm install
2. npm run dev

## 项目介绍
希望这个多人博客项目能够帮助到更多的人,也希望能帮助到各位技术水平提升能有帮助,有能力的小伙伴也可以和我一起进行开发,对你有帮助的话可以点点star,非常感谢。
## 网站简介
这个项目是基于SpringCloud+Vue2+Vue3构建,是作者基于2024年毕业设计的产物,也满足了自己写知识笔记,做知识分享的目的。
网站有两个模块:
- 用户端(Vue3): 文章模块,番剧模块,二创模块,编程工具,相册模块,用户模块,友情链接,聊天室,留言模块,听歌模块。
- 管理端(基于若依开发Vue2): 友链管理,审核管理,博客信息管理,文章管理,资源管理,博客分类管理,博客管理,系统监控,系统工具,系统管理。
## 网站示例（详细示例请见官方网站：[bluearchive.top](http://www.bluearchive.top/))

### 碧蓝档案主题博客
#### 首页
![首页](blue_picture/首页01.png)
![首页](blue_picture/首页02.png)
#### 番剧
![番剧](blue_picture/番剧01.png)
![番剧](blue_picture/番剧02.png)
#### 分类
![分类](blue_picture/分类01.png)
#### 相册
![相册](blue_picture/相册01.png)
#### 友情链接
![友情链接](blue_picture/友情链接01.png)
#### 聊天室
![聊天室](blue_picture/聊天室01.png)
![聊天室](blue_picture/聊天室02.png)
#### 留言
![留言](blue_picture/留言01.png)
#### 听歌
![听歌](blue_picture/听歌01.png)
#### 用户菜单
![用户菜单](blue_picture/用户菜单01.png)

## 更新进度

### 2024-6-24
- (新增)完成聊天室模块,包括设置菜单抽屉聊天室
- (新增)添加首页在线用户列表展示
- (优化)修改分类为手风琴样式人物卡片

## 更新计划TODO
- [x] 添加第三方登录
- [ ] 新增设置音乐播放器
- [ ] 优化文章审核业务
- [ ] 实现按钮权限逻辑
- [ ] 实现按钮权限逻辑
- [ ] 优化留言组件
=========================================================