1 Star 0 Fork 1.3K

ferry / 蘑菇博客

forked from 陌溪 / 蘑菇博客 
Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

蘑菇博客

蘑菇博客

蘑菇博客,一个基于微服务架构的前后端分离博客系统

投票

码云的开源项目评选活动开始喽~ 欢迎各位小伙伴动动手指,给蘑菇博客项目投上宝贵的一票,感谢大家的支持~ 投票地址:https://www.oschina.net/p/mogublog 活动地址:https://www.oschina.net/project/top_cn_2020

前言

虽然我知道很多人来到这里,都是pull 或者dowonload了一下代码,就把项目关闭了。突然有一天想起了看看蘑菇博客这个项目有没有更新,然后继续执行以下操作:

  • 更新了,pull或者download代码
  • 没更新,直接关闭项目

但是我还是非常希望各位小伙伴能够 多多star支持,您的点赞就是我维护的动力!

项目已有较详细的 项目搭建文档 ,同时包括了Window、Linux以及Docker环境下蘑菇博客的搭建。在使用过程中遇到问题时,首先认真阅读 项目搭建文档 ,同时 FAQ文档 还收集了小伙伴咨询的问题,可以提前阅读~

【提问前】可以先 百度 或者 Google 进行解决,有的问题通过搜索引擎很快就能得到解决

【提问前】可以首先看看 issue 或者 FAQ文档,可能你的问题别人也遇到过

【提问前】可以提前阅读 如何向开源社区提问题

【提问】推荐使用 Gitee issue 进行提问,因为issue解决后能够保留解决记录,帮助其它小伙伴闭坑。其次可以使用 Gitee留言板 ,或者在 QQ群 进行提问。群里提问注意提问的时间,把遇到问题的详细过程都描述清楚,最好配上图文信息,这样能更快的解决问题。

后期维护

项目后台目前有Eureka版本和Nacos版本,其中Eureka版本使用的是SpringCloud一些组件,Nacos版本使用的是SpringCloudAlibaba的一些组件,例如Nacos、Sentinel

  • Eureka版本请切换至Eureka分支(将不再进行新功能的开发)
  • Nacos版本请切换至Nacos分支(作为以后长期维护的分支)
  • master分支为主分支,是基于Nacos分支的稳定版本
  • 目前移动端版本的代码已经开源至Nacos分支,如果想体验的小伙伴可以移动至Nacos分支~

项目介绍

蘑菇博客,一个基于微服务架构的前后端分离博客系统。前台使用Vue + Element , 后端使用spring boot + spring cloud + mybatis-plus进行开发,使用 Jwt + Spring Security做登录验证和权限校验,使用ElasticSearch和Solr作为全文检索服务,使用Github Actions完成博客的持续集成,文件支持上传七牛云,使用uniapp和ColorUi搭建移动端博客平台。

  • 蘑菇博客大部分功能是我个人进行开发的,因能力有限,其中很多技术都是一边学习一边使用的,可以说蘑菇博客也是一个我用来熟悉技术的项目,所以很多地方可能考虑不周,故有能改正的地方,还请各位老哥能够指出~

  • 现在挺多是SSM或者SSH的博客管理系统,想用spring boot + spring cloud + vue 的微服务架构进行尝试项目的构建,里面很多功能可能只是为了满足自己的学习需求而引入的,大家可以根据自己服务器配置来选择启动的服务,因此本博客也是一个非常好的SpringBoot、SpringCloud以及Vue技术的入门学习项目。

  • 原来做过vue + element-ui 做过管理系统,所以现在打算做一套自己的、基于当前最新技术栈、前后端分离的微服务博客系统。

  • 考虑到门户网站使用Vue不是很好支持SEO优化,所以门户网站采用Nuxt.js进行开发(因开发时遇到问题,nuxt的项目暂时搁置...欢迎有了解nuxt或者Vue SEO优化的老哥一起探讨~)

  • 蘑菇博客中的一些文章,很多都来自我平时的学习笔记,目前托管在另一个仓库:LearningNotes,里面涵盖了JVM、JUC、Java,Spring,SpringCloud,计算机网络,操作系统,数据结构,Vue、Linux 等 ,感兴趣的小伙伴可以跳转该仓库 Star支持一下

站点演示

首先特别感谢阿里云提供的 学生“在家实践” 计划,免费提供的6个月的2核4G 1M的服务器,所以就刚好以此用来做蘑菇博客的演示站点,同时我也在搭建的时候,顺便录制了一套视频:利用阿里云免费服务器搭建个人博客 ,感兴趣的小伙伴可以参考视频一起完成部署~

【演示前端】:http://demoweb.moguit.cn/

【演示后端】:http://demoadmin.moguit.cn/

【演示账号】:mogu2018 mogu2018

【QQ小程序】蘑菇博客的移动端版本,可以扫码体验(代码在Nacos分支下的uniapp_mogu_web文件夹)

项目中初始用户和密码

  • 后台登录:用户:admin,密码:mogu2018
  • Mysql:用户:root,密码:mogu2018
  • Redis:密码:mogu2018
  • 远程SSH初始密码:用户:root,密码:mogu2018
  • RabbitMQ管理页面: 用户:admin,密码:mogu2018
  • Nacos管理页面: 用户:nacos,密码:nacos
  • Sentinel管理页面: 用户:sentinel,密码:sentinel
  • 蘑菇博客监控页面:用户:user,密码:password123
  • Druid初始密码: 用户:admin,密码:123456

运行配置

蘑菇博客使用了一些监控的Spring Cloud组件,但是并不一定都需要部署,必须启动的服务包含

nacosnginxrabbitmqredismysqlmogu-smsmogu-picturemogu-web, mogu-admin

其它的服务都可以不启动,也不影正常使用,可以根据自身服务器配置来启动

最低配置:1核2G 需要开启虚拟内存

推荐配置:2核4G 【双十一特惠】

【阿里云】双十一拼团 2核4G3M 664元/3年(强烈推荐) 点我进入

【阿里云】云服务器双11狂欢特惠,1核2G 最低仅需84.97元/年 点我传送

【腾讯云】双十一活动2核4G 100G盘700元/3年(老用户重新用微信QQ注册即可) 点我进入

项目特点

  • 友好的代码结构及注释,便于阅读及二次开发
  • 实现前后端分离,通过Json进行数据交互,前端再也不用关注后端技术
  • 页面交互使用Vue2.x,极大的提高了开发效率。
  • 引入swagger文档支持,方便编写API接口文档。
  • 引入RabbitMQ 消息队列,用于邮件发送、更新Redis和Solr
  • 引入JustAuth第三方登录开源库,支持Gitee、Github账号登录。
  • 引入ElasticSearch 和 Sol r作为全文检索服务,并支持可插拔配置
  • 引入Github Actions工作流,完成蘑菇博客的持续集成、持续部署。
  • 引入七牛云对象存储,同时支持本地文件存储
  • 引入RBAC权限管理设计,灵活的权限控制,按钮级别的细粒度权限控制,满足绝大部分的权限需求
  • 引入Zipkin链路追踪,聚合各业务系统调用延迟数据,可以一眼看出延迟高的服务
  • 采用自定义参数校验注解,轻松实现后端参数校验
  • 采用AOP+自定义注解+Redis实现限制IP接口访问次数
  • 采用自研的评论模块,实现评论邮件通知
  • 采用Nacos作为服务发现和配置中心,轻松完成项目的配置的维护
  • 采用Sentinel流量控制框架,通过配置再也不怕网站被爆破
  • 采用uniappColorUi 完成蘑菇博客的移动端门户页面搭建
  • 支持多种文本编辑器,Markdown编辑器(Vditor)和富文本编辑器(CKEditor)随心切换
  • 采用ElasticStack【ElasticSearch+Beats+Kibana+Logstash】搭建蘑菇博客日志收集

项目文档

文档地址:http://moxi159753.gitee.io/mogu_blog_doc

备用文档地址:http://doc.moguit.cn

项目地址

目前项目托管在Gitee和Github平台上中,欢迎大家star 和 fork 支持~

目录介绍

  • MoguBlog 是一款基于最新技术开发的多人在线、简洁的博客系统。
  • mogu_admin: 提供admin端API接口服务;
  • mogu_web:提供web端API接口服务;
  • mogu_eureka: 服务发现和注册
  • mogu_picture: 图片服务,用于图片上传和下载;
  • mogu_sms:消息服务,用于更新ElasticSearch、Solr索引、邮件和短信发送
  • mogu_monitor:监控服务,集成SpringBootAdmin用于管理和监控SpringBoot应用程序
  • mogu_spider:爬虫服务(目前还未完善)
  • mogu_gateway:网关服务(目前还未完善)
  • mogu_zipkin:链路追踪服务,目前使用java -jar的方式启动
  • mogu_search:搜索服务,ElasticSearch和Solr作为全文检索工具,支持可插拔配置,默认使用SQL搜索
  • mogu_commons:公共模块,主要用于存放Entity实体类、Feign远程调用接口、以及公共config配置
  • mogu_utils: 是常用工具类;
  • mogu_xo: 是存放 VO、Service,Dao层的
  • mogu_base: 是一些Base基类
  • doc: 是蘑菇博客的一些文档和数据库文件
  • vue_mogu_admin:VUE的后台管理页面
  • vue_mogu_web:VUE的门户网站
  • uniapp_mogu_web:基于uniapp 和 colorUi 的蘑菇博客移动端门户页面(Nacos分支)
  • nuxt_mogu_web:Nuxt的门户网站,主要用于支持SEO搜索引擎优化(目前还未完善)

技术选型

系统架构图

image text

后端技术

技术 说明 官网
SpringBoot MVC框架 https://spring.io/projects/spring-boot
SpringCloud 微服务框架 https://spring.io/projects/spring-cloud/
SpringSecurity 认证和授权框架 https://spring.io/projects/spring-security
MyBatis-Plus ORM框架 https://mp.baomidou.com/
Swagger-UI 文档生产工具 https://github.com/swagger-api/swagger-ui
Kibana 分析和可视化平台 https://www.elastic.co/cn/kibana
Elasticsearch 搜索引擎 https://github.com/elastic/elasticsearch
轻量型数据采集器 https://www.elastic.co/cn/beats/
Logstash 用于接收Beats的数据并处理 https://www.elastic.co/cn/logstash
Solr 搜索引擎 http://lucene.apache.org/solr/
RabbitMQ 消息队列 https://www.rabbitmq.com/
Redis 分布式缓存 https://redis.io/
Docker 容器化部署 https://www.docker.com
Druid 数据库连接池 https://github.com/alibaba/druid
七牛云 七牛云 - 对象储存 https://developer.qiniu.com/sdk#official-sdk
JWT JWT登录支持 https://github.com/jwtk/jjwt
SLF4J 日志框架 http://www.slf4j.org/
Lombok 简化对象封装工具 https://github.com/rzwitserloot/lombok
Nginx HTTP和反向代理web服务器 http://nginx.org/
JustAuth 第三方登录的工具 https://github.com/justauth/JustAuth
Hutool Java工具包类库 https://hutool.cn/docs/#/
阿里大于 短信发送平台 https://doc.alidayu.com/doc2/index.htm
Github Actions 自动化部署 https://help.github.com/en/actions
Zipkin 链路追踪 https://github.com/openzipkin/zipkin
Flexmark-java Markdown转换Html https://github.com/vsch/flexmark-java
Ip2region 离线IP地址定位库 https://github.com/lionsoul2014/ip2region
Minio 本地对象存储服务 https://min.io/

前端技术

技术 说明 官网
Vue.js 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Nuxt.js 创建服务端渲染 (SSR) 应用 https://zh.nuxtjs.org/
Element 前端ui框架 https://element.eleme.io
Axios 前端HTTP框架 https://github.com/axios/axios
Echarts 图表框架 www.echartsjs.com
CKEditor 富文本编辑器 https://ckeditor.com/
Highlight.js 代码语法高亮插件 https://github.com/highlightjs/highlight.js
Vditor Markdown编辑器 https://github.com/Vanessa219/vditor
vue-cropper 图片裁剪组件 https://github.com/xyxiao001/vue-cropper
vue-image-crop-upload vue图片剪裁上传组件 https://github.com/dai-siki/vue-image-crop-upload
vue-emoji-comment Vue Emoji表情评论组件 https://github.com/pppercyWang/vue-emoji-comment
clipboard.js 现代化的拷贝文字 http://www.clipboardjs.cn/
js-beautify 美化JavaScript代码 https://github.com/beautify-web/js-beautify
FileSaver.js 保存文件在客户端 https://github.com/eligrey/FileSaver.js
SortableJS 功能强大的JavaScript 拖拽库 http://www.sortablejs.com/
vue-side-catalog 目录导航栏 https://github.com/yaowei9363/vue-side-catalog
uniapp 移动端跨平台语言 https://uniapp.dcloud.io/
colorUi 专注视觉的小程序组件库 https://github.com/weilanwl/ColorUI
showdown 用Javascript编写的Markdown 到Html转换器 https://github.com/showdownjs/showdown
turndown 用JavaScript编写的HTML到Markdown转换器 https://github.com/domchristie/turndown

项目搭建

Windows环境下搭建蘑菇博客

参考 window环境下配置蘑菇博客环境,能够在window下搭建蘑菇博客的开发环境

Docker搭建蘑菇博客(Eureka分支)

参考 使用Docker快速搭建蘑菇博客,能够快速在Linux服务器中,搭建好博客系统

Docker搭建蘑菇博客(Nacos分支)

参考 使用Docker快速搭建蘑菇博客(Nacos分支),能够快速在Linux服务器中,搭建好博客系统

蘑菇博客部署到云服务器

参考蘑菇博客如何部署到阿里云服务器,在你修改蘑菇博客源码后将项目打包部署到云服务器

使用Github Actions完成蘑菇博客持续集成

参考 使用Github Action完成蘑菇博客持续集成 ,在你提交一个push请求后,通过Github Actions能够完成蘑菇博客自动化 编译、打包、部署等操作。

切换搜索模式

参考蘑菇博客切换搜索模式,完成蘑菇博客的搜索引擎切换,目前支持Solr、ElasticSearch、mysql的方式

配置七牛云对象存储

参考蘑菇博客切换七牛云存储,配置文件的七牛云对象存储,及本地文件存储

使用Zipkin搭建蘑菇博客链路追踪

参考使用Zipkin搭建蘑菇博客链路追踪,通过聚合各业务系统调用延迟数据,达到链路调用监控跟踪,快速定位其中延迟高的服务

使用Nacos搭建蘑菇博客服务注册和配置中心

参考蘑菇博客Nacos部署指南,搭建蘑菇博客的服务注册和配置中心

使用Sentinel搭建蘑菇博客流量控制

参考蘑菇博客Sentinel安装指南,Sentinel被称为分布式系统的流量防卫兵,相当于Hystrix

蘑菇博客小程序发布

参考蘑菇博客QQ小程序发布指南,完成蘑菇博客uniapp移动端的启动和发布

蘑菇博客扩展新的功能和页面

参考蘑菇博客如何扩展新的功能和页面,在蘑菇博客现有架构基础上,开发自己需要的页面。

使用ELK搭建蘑菇博客日志收集

参考搭建蘑菇博客日志收集,使用Docker快速搭建ELK环境用于蘑菇博客日志收集

环境搭建

开发工具

工具 说明 官网
IDEA Java开发IDE https://www.jetbrains.com/idea/download
WebStorm 前端开发IDE https://www.jetbrains.com/webstorm/
RedisDesktop Redis可视化工具 https://redisdesktop.com/download
SwitchHosts 本地Host管理 https://oldj.github.io/SwitchHosts/
X-shell Linux远程连接工具 https://xshell.en.softonic.com/
X-ftp Linux文件传输工具 https://www.netsarang.com/zh/all-downloads/
SQLyog 数据库连接工具 https://sqlyog.en.softonic.com/
ScreenToGif Gif录制工具 https://www.screentogif.com/

开发环境

工具 版本号 下载
JDK 1.8 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
Maven 3.3.0+ http://maven.apache.org/
Elasticsearch 6.3.0 https://www.elastic.co/downloads
Solr 7.0 http://lucene.apache.org/solr/
MySQL 5.6 https://www.mysql.com/
Erlang 20.3 https://www.erlang.org/
RabbitMQ 3.7.4 http://www.rabbitmq.com/download.html
Nginx 1.10 http://nginx.org/en/download.html
Redis 3.3.0 https://redis.io/download
Zipkin 2.12.5 https://search.maven.org/remote_content?g=io.zipkin.java&a=zipkin-server&v=LATEST&c=exec
Nacos 1.3.2 https://github.com/alibaba/nacos/releases
Sentinel 1.7.2 https://github.com/alibaba/Sentinel/releases

致谢

项目起初参考了很多开源项目的解决方案,开源不易,感谢分享

关注&交流

刚刚创建了一个QQ群 (加群备注蘑菇博客) 蘑菇博客交流群,目前项目还存在很多不足之处,欢迎各位老哥进群进行技术交流,为了防止广告进入,希望加群的时候能添加备注,谢谢~

QQ群(备注:蘑菇博客 QQ群(备注:蘑菇博客

将来要做的事

  • 集成Github Actions,完成蘑菇博客持续集成服务
  • 门户网站增加登录页面
  • 支持第三方登录
  • 集成ElasticSearch和Solr
  • 将图片存储在七牛云中
  • 写一个评论模块,用于替换搜狐畅言
  • 按钮级别的细粒度权限控制
  • 增加评论表情
  • 增加数据字典管理
  • 前端增加用户个人中心
  • 增加一个FAQ常见问题文档
  • 集成表单构建页面,来源于RuoYi
  • 增加博客详情页目录导航,来源于vue-side-catalog
  • 资源管理页面集成网盘管理
  • 新建Nacos分支,用于替换Eureka作为服务发现组件和配置中心
  • 使用Sentinel做服务限流和熔断
  • 增加蘑菇博客小程序项目 uniapp_mogu_web,基于ColorUIUniapp
  • 富文本编辑器和Markdown编辑器任意切换
  • 使用ELK搭建蘑菇博客日志收集功能
  • 使用Minio 搭建对象存储服务
  • 增加定时任务模块
  • 增加代码生成器
  • 完善网盘管理
  • 增加更新记录
  • 完善爬虫模块
  • 完善网关模块
  • 使用Freemark页面静态化技术对博客详情页静态化
  • 解决Nuxt_mogu_web中存在的问题,使博客能被搜索引擎收录
  • 让原创文章能够同步到多平台,如:CSDN,掘金,博客园等
  • 增加博客迁移功能,让其它平台的博客,如:CSDN、博客园,WordPress能够同步到蘑菇博客中
  • 适配门户页面的移动端布局

贡献代码

开源项目离不开大家的支持,如果您有好的想法,遇到一些BUG并修复了,以及文档上有错误的地方订正过来了,欢迎提交Pull Request~

  1. fork本项目到自己的repo
  2. 把fork过去的项目也就是你仓库中的项目clone到你的本地
  3. 修改代码
  4. commit后push到自己的库
  5. 发起PR(pull request) 请求,提交到Nacos分支
  6. 等待作者合并

赞赏

服务器和域名等服务的购买和续费都会产生一定的费用,为了维持项目的正常运作,如果觉得本项目对您有帮助的话,欢迎朋友能够给予一些支持,非常感谢~(ps.. 小伙伴赞赏的时候可以备注一下下~)

微信 支付宝

视频教程

特别感谢 俺是程序狮 在B站上给蘑菇博客录制的视频教程,课程讲的非常细致,手把手带着开发博客系统,感兴趣的小伙伴可以去学习和支持一下~

移动端截图

目前移动端版本的代码已经开源至Nacos分支,如果想体验的小伙伴可以移动至Nacos分支

image text

网站截图

Admin端
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text image text
image text
Web端
image text image text
image text image text
image text image text
image text image text
image text image text

Comments ( 0 )

Sign in for post a comment

About

蘑菇博客(MoguBlog),一个基于微服务架构的前后端分离博客系统。Web端使用Vue + Element , 移动端使用uniapp和ColorUI。后端使用Spring cloud + Spring boot + mybatis-plus进行开发,使用 Jwt + Spring Security做登录验证和权限校验,使用ElasticSearch和Solr作为全文检索服务,使用Github Actions完成博客的持续集成,使用ELK收集博客日志,文件支持上传七牛云和Minio. spread retract
Java
Apache-2.0
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
Java
1
https://gitee.com/kucha_065/mogu_blog_v2.git
git@gitee.com:kucha_065/mogu_blog_v2.git
kucha_065
mogu_blog_v2
蘑菇博客
Nacos

Search