# 灵韵博客

**Repository Path**: galaxy99/lingyunblog

## Basic Information

- **Project Name**: 灵韵博客
- **Description**: 基于Spring Boot与Vue创建的个人博客系统（包含前端和后台管理）——灵韵博客
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 1
- **Created**: 2023-02-23
- **Last Updated**: 2024-12-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, Vue, MySQL

## README

## 灵韵博客介绍

<p align="center">
  <a href="https://www.galaxylingyun.top">
    <img src="https://foruda.gitee.com/avatar/1698826594437941183/10279252_galaxy99_1698826594.png!avatar200" alt="灵韵博客" style="border-radius: 50%; height: 60px">
  </a>
</p>

<p align="center">
   基于Springboot + Vue3 开发的前后端分离博客
</p>

<p align="center">
   <a target="_blank" href="https://github.com/galaxyrev/galaxylingyun">
      <img src="https://img.shields.io/badge/JDK-11-blue"/>
      <img src="https://img.shields.io/badge/springboot-2.6.14-blue"/>
      <img src="https://img.shields.io/badge/saToken-1.34.0-blue"/>
      <img src="https://img.shields.io/badge/vue-3.x-blue"/>
      <img src="https://img.shields.io/badge/mysql-8.0.30-blue"/>
      <img src="https://img.shields.io/badge/mybatis--plus-3.5.2-blue"/>
      <img src="https://img.shields.io/badge/redis-3.0.5-blue"/>
      <img src="https://img.shields.io/badge/rabbitmq-3.9.11-blue"/>
   </a>
</p>

## 在线地址

**项目链接：** [www.galaxylingyun.top](https://www.galaxylingyun.top)

**后台链接：** [back.galaxylingyun.top](https://back.galaxylingyun.top)

**测试账号：** test@qq.com，**密码**：123456

**Github 地址：** [https://github.com/galaxyrev/galaxylingyun](https://github.com/galaxyrev/galaxylingyun)

**Gitee 地址：** [https://gitee.com/galaxy99/lingyunblog](https://gitee.com/galaxy99/lingyunblog)

**接口文档：** https://www.galaxylingyun.top/api/doc.html

## 本地运行

1. SQL 文件位于根目录下的`lingyun_blog.sql`，将其中的数据导入到自己本地数据库中
2. 修改后端配置文件中的数据库等连接信息，项目中使用到的关于阿里云、腾讯云功能和第三方授权登录等需要自行开通
3. 要将前端`lingyun-admin`和`lingyun-blog`的 utils 下的 token.ts 中的`{ domain: domain }`给删除，然后再`npm install`、`npm run dev`
4. 项目启动后，使用`admin@qq.com`管理员账号登录后台，密码为`123456`
5. 本地运行上传图片无法加载预览，需要在后端application.yml中配置正确的Nginx本地映射路径
6. 邮箱授权码需要用自己QQ邮箱或其他邮箱启用开通

## 项目特点

- 前台界面参考 Hexo 的 Shoka 和 Butterfly 设计，页面美观，响应式布局
- 后台管理参考若依与Vue-element-admin二次开发
- 采用 RABC 权限模型，使用 Sa-Token 进行权限管理
- 支持动态权限修改、动态菜单和路由
- 说说、友链、相册、留言弹幕墙、音乐播放器
- 支持代码高亮、图片预览、黑夜模式、点赞、取消点赞等功能
- 发布评论、回复评论、表情包
- 发送 HTML 邮件评论回复提醒，内容详细
- 接入第三方登录，减少注册成本
- 文章搜索支持关键字高亮分词
- 文章编辑使用 Markdown 编辑器
- 含有最新评论、文章目录、文章推荐和文章置顶功能
- 实现日志管理、定时任务管理、在线用户和下线用户
- 代码支持多种搜索模式（Elasticsearch 或 MYSQL），支持多种文件上传模式（OSS、COS、本地）
- 采用 Restful 风格的 API，注释完善，代码遵循阿里巴巴开发规范，有利于开发者学习

## 技术介绍

**前端：** Vue3 + Pinia + Vue Router + TypeScript + Axios + Element Plus + Naive UI + Echarts + Swiper

**后端：** SpringBoot + Mysql + Redis + Quartz + Thymeleaf + Nginx + Docker + Sa-Token + Swagger2 + MyBatisPlus + ElasticSearch + RabbitMQ + Canal

**其他：** 接入 QQ(暂未实现)、Gitee、Github 第三方登录

## 运行环境

**服务器：** 腾讯云 2 核 4G Docker

**对象存储：** 阿里云 OSS、腾讯云 COS

**最低配置：** 2 核 2G 服务器（关闭 ElasticSearch）

## 开发环境

| 开发工具              | 说明               |
| --------------------- | ------------------ |
| ItelliJ IDEA          | Java 开发工具 IDE  |
| VSCode                |  Vue  开发工具 IDE |
| Navicat16             | MySQL 界面管理工具 |
| Redis Desktop Manager | Redis 远程连接工具 |
| rabbitmq management   | rabbitmq  管理工具 |


| 开发环境      | 版本   |
| ------------- | ------ |
| OpenJDK       | 11     |
| MySQL         | 8.0.30 |
| Redis         | 3.0.5  |
| Elasticsearch | 7.17.3 |
| RabbitMQ      | 3.9.11 |

## 项目截图

![](https://static.galaxylingyun.top/resource/jieping1.png)
![](https://static.galaxylingyun.top/resource/jieping2.png)
![](https://static.galaxylingyun.top/resource/jieping3.png)
![](https://static.galaxylingyun.top/resource/jieping4.png)


鸣谢项目：

- [ 风丶宇 ](https://github.com/X1192176811/blog)
- **[ 阿东掐指yi算’逢考必过](https://gitee.com/wu_shengdong/blog)**原创
- **[hexo-theme-shoka](https://github.com/amehime/hexo-theme-shoka)**
- [A Hexo Theme: Butterfly](https://github.com/jerryc127/hexo-theme-butterfly)
- [RuoYi-Vue](https://gitee.com/y_project/RuoYi-Vue)
- [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin)
- [基于 Vue.js 的弹幕交互组件](https://github.com/hellodigua/vue-danmaku)
- ...同时感谢天晴与阿东大佬在项目调试与部署时助我解决了所遇到的问题！！