springboot+vue2实现个人博客系统

给大家推荐一个开源的Springboot+Vue2个人技术博客系统,博客前端使用Vue2+Vuetify组件库模仿Hexo的butterfly主题,后台管理使用Element admin。后端使用Springboot技术栈实现,代码遵循阿里巴巴开发规范,使用多种设计模式,代码可扩展性强。适合想要学习项目开发流程、想要搭建自己的个人博客的开发者学习。

在线地址
开源地址

技术栈

前端:vue2 + vuex + vue-router + axios + vuetify + element + echarts

后端:SpringBoot + SpringSecurity + MybatisPlus + MySQL + nginx + docker + Swagger2 + Redis + RabbitMQ + Websocket + Maxwell + ElasticSearch + Jsoup

项目特点

  • 前台参考"Hexo"的"Butterfly"主题设计,美观简洁,响应式体验好。
  • 后台使用element-admin实现,功能强大
  • 发布博客使用采用Markdown编辑器,写法简单。
  • 评论支持表情输入回复等,emoji使用的是抖音表情。
  • 前后端分离部署,降低维护成本。
  • 接入第三方登录,减少注册成本。
  • 支持发布说说,随时分享趣事。
  • 留言采用弹幕墙,更加炫酷。
  • 支持代码高亮和复制,图片预览,深色模式等功能,提升用户体验。
  • 搜索数据支持高亮分词,响应速度快。
  • 新增文章目录、推荐文章等功能,优化用户体验。
  • 新增在线聊天室,支持撤回、统计未读数量等功能。
  • 新增aop注解实现日志管理。
  • 后台管理支持修改博客背景图片,博客配置等信息,操作简单。
  • 网站全局搜索,智能搜索想要的数据
  • 爬取网络图片,博客内直接爬取想要的博客封面
  • 代码支持多种搜索模式(Elasticsearch或MYSQL),支持多种上传模式(七牛云或本地),可快速扩展
  • 内置chatGPT,实现自己的人工智能
  • 代码遵循阿里巴巴开发规范,利于初学者学习。

运行截图

前台界面
主页图片

chatGPT流式对话

chatGPT流式对话

文章详细信息

文章详细信息

文章详细信息2

说说页面

说说页面

后台界面
后台统计界面

文章管理

发布文章

在线体验

前台地址:http://www.mingzib.xyz/

后台地址:http://www.admin.mingzib.xyz/

测试账号:test

测试密码:123456

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值