type
status
date
slug
summary
tags
category
icon
password
写在前面
唠叨两句
作为一个技术开发人员,没有一个自己的博客,人生注定缺少点什么东西,是不是?最近研究了一些博客搭建,本文是使用开源项目”拾壹博客“进行搭建。
推荐等级
所需技术难度:4星 后续自定义程度:5星 美观度:4星 使用技术:VUE+JAVA 优点:丰富的后台管理功能以及独立的文档管理 缺点:需要一定的技术功底
所需工具
内容 | 备注 |
数据库 | 存储数据使用,本文用的是MySQL,如果用其他数据库,需要修改代码进行适配 |
一台能部署的服务器,有外网ip那种 | 本文使用的是Centos7,最低1核2G即可,碰到各大服务器商打折的时候,不到一百就能买一年 |
Redis | 缓存使用 |
本文使用内容
内容 | 备注 |
MySQL | 阿里云RDS服务 |
Centos7 | 阿里云云服务 |
Oss文件存储 | 七牛(也可以用阿里云OSS) |
Redis | 做缓存使用 |
Nginx | 部署前端用的 |
开始搭建
gitee地址:https://gitee.com/quequnlong/shiyi-blog 官方演示地址:https://www.shiyit.com/前端: vue + vuex + vue-router + axios + vuetify + element + echarts 后端: SpringBoot + nginx + docker + sa-token + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch 其他: 接入QQ、微博、码云第三方登录,接入七牛云对象存储
安装包准备
(如不想那么麻烦,可以直接联系我,我给你准备启动运行的包,然后直接进行配置)
通过码云,使用git下载源码(我这里使用的idea)

下载完之后,就对前后端进行编译。
(1)后端编译需要已经搭建JAVA环境(JDK8即可),并下载好maven的使用包,并配置好对应的环境。使用maven命令,对blog文件夹进行编译:

(2)前端编译需要已经搭建Node环境,使用node命令,编译blog-web和blog-admin,分别进入到blog-web和blog-admin文件,执行如下命令:

参数配置
后端
进入到shiyi-blog/blog/common/src/main/resources的文件夹,编辑application.yml,需要修改的内容如下,此处只留下必改内容,其余内容暂时省略(此处在打出jar包之后,再修改也可以)
前端
进入到blog-web文件夹,需要编辑.env.development及.env.production文件,具体编辑如下
另外,因为源码在我们手里,页面内容就可以自己编辑了。比如改一下页面的字体,内容啥的,删一删里面的模块。比如博客首页中,我就把轮播图右侧的广告栏,改成了我的另一个博客的推荐位置。
展示
Blog客户端
博客首页

文章详情

后台管理系统
首页

文章管理

当然,后台管理还有很多优秀的功能,功能丰富,供我们自行使用
- -------END-------
天行健,君子以自强不息;地势坤,君子以厚德载物
欢迎关注blog:http://myblog.doubletree.fun 公众号:Doubletree的杂七杂八 csdn:https://blog.csdn.net/qq_27808011
- 作者:Doubletree
- 链接:https://blog.doubletree.fun/article/87cf4816-b6aa-44ee-a704-6daba4dfdaf1
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。