ChenXinGuang1003 / SkyBlog

一个简单的Spring Boot + Vue 前后端分离的博客系统 https://skymo.top

博客预览

博客地址：https://www.skymo.top

后台：https://www.skymo.top/login 账号Visitor 密码111111

本项目长期维护，欢迎fork代码和star！。

简介

很早就有了做个人博客的想法，学习了springboot后，趁热打铁，就做了这个博客来练手。项目是基于 Spring Boot + Vue 的前后端分离博客系统。

前端

核心框架：

• Vue框架：Vue2.6.11、Vue Router、Vuex、vue/cli4.5.12
• UI框架：Element UI框架
• 异步请求：axios

markdown：

• 编辑器：mavon-editor
• 解析渲染：markdown-it-vue(略作修改，以支持行号和代码黑色背景)
• 样式：github-markdown-css （github dark风格的代码高亮）

后端

• 核心框架：Spring Boot
• 安全框架：shiro
• Token 认证：jwt
• 持久层框架：MyBatisPlus
• java版本：JDK8

功能

首页

• 最新文章： 按照发布时间来进行倒序排序展示
• 导航栏：首页、分类、归档、友链、关于我
• 网站公告
• 博主介绍展示

后台管理页面

• 登录功能
• 文章管理：
  • 文章发布
  • 文章编辑
  • 文章删除
• 评论功能
• 游客统计
• 手机端适配
• 样式美化
• 权限管理

未来需增加的功能

• 主题可换
• 后端优化

项目快速开始

1. 执行console.sql创建数据库
2. 开启redis
3. idea中修改yml配置，然后运行后端项目
4. 安装npm 在idea中启动前端页面

项目线上部署

1. 使用docker-compose来编排
2. 需要nginx、redis、后端项目、mysql
3. 配置证书，可申请腾讯、阿里的一年免费证书
4. nginx反向代理，将https请求通过http转给后端容器，避免接口暴露和http的不安全性

致谢

项目开发过程中参考了很多大佬的博客，比如NBlog 、MyBlog等等，也感谢MarkerHub的视频, 让我开始了解怎么做一个springboot的项目。