Giter Site home page Giter Site logo

灵韵博客介绍

灵韵博客

基于Springboot + Vue3 开发的前后端分离博客

在线地址

项目链接: www.galaxylingyun.top

后台链接: back.galaxylingyun.top

测试账号: [email protected]密码:123456

Github 地址: https://github.com/galaxyrev/galaxylingyun

Gitee 地址: https://gitee.com/galaxy99/lingyunblog

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

本地运行

  1. SQL 文件位于根目录下的lingyun_blog.sql,将其中的数据导入到自己本地数据库中
  2. 修改后端配置文件中的数据库等连接信息,项目中使用到的关于阿里云、腾讯云功能和第三方授权登录等需要自行开通
  3. 要将前端lingyun-adminlingyun-blog的 utils 下的 token.ts 中的{ domain: domain }给删除,然后再npm installnpm run dev
  4. 项目启动后,使用[email protected]管理员账号登录后台,密码为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

项目截图

示例 示例 示例 示例

鸣谢项目:

galaxy灵韵's Projects

galaxylingyun icon galaxylingyun

基于Spring Boot与Vue创建的个人博客系统(包含前端和后台管理)——灵韵博客

live2d-widget icon live2d-widget

把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform

vue3-element-admin icon vue3-element-admin

基于 vue-element-admin 升级的 Vue3 版本管理前端解决方案,技术栈: Vue3 + Vite4+ TypeScript + Element Plus + Pinia 。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.