🖥️搭建自己的博客-拾壹博客
00 分钟
2024-2-23
2024-3-22
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)
notion image
下载完之后,就对前后端进行编译。
(1)后端编译需要已经搭建JAVA环境(JDK8即可),并下载好maven的使用包,并配置好对应的环境。使用maven命令,对blog文件夹进行编译:
notion image
(2)前端编译需要已经搭建Node环境,使用node命令,编译blog-web和blog-admin,分别进入到blog-web和blog-admin文件,执行如下命令:
notion image

参数配置

后端

进入到shiyi-blog/blog/common/src/main/resources的文件夹,编辑application.yml,需要修改的内容如下,此处只留下必改内容,其余内容暂时省略(此处在打出jar包之后,再修改也可以)

前端

进入到blog-web文件夹,需要编辑.env.development及.env.production文件,具体编辑如下
另外,因为源码在我们手里,页面内容就可以自己编辑了。比如改一下页面的字体,内容啥的,删一删里面的模块。比如博客首页中,我就把轮播图右侧的广告栏,改成了我的另一个博客的推荐位置。

展示

Blog客户端

博客首页

notion image

文章详情

notion image

后台管理系统

首页

notion image

文章管理

notion image
当然,后台管理还有很多优秀的功能,功能丰富,供我们自行使用
  • -------END-------
天行健,君子以自强不息;地势坤,君子以厚德载物
欢迎关注
blog:http://myblog.doubletree.fun 公众号:Doubletree的杂七杂八 csdn:https://blog.csdn.net/qq_27808011