搭建自己的博客-拾壹博客

news2024/11/13 12:44:59

写在前面

唠叨两句

作为一个技术开发人员，没有一个自己的博客，人生注定缺少点什么东西，是不是？最近研究了一些博客搭建，本文是使用开源项目”拾壹博客“进行搭建。

所需工具

内容	备注
数据库	存储数据使用，本文用的是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文件夹进行编译：

mvn -DskipTests=true clean package

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

# 先安装对应的组件
npm install
# 对服务进行编译
npm run build

参数配置

后端

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

server:
  # （可选）端口号
  port: 8800
  servlet:
    # （可选）应用的访问路径
    context-path: /shiyi
spring:
  ......
  datasource:
    # （必改）数据库地址
    url: jdbc:mysql://数据库地址:3306/myblog?characterEncoding=UTF-8&useUnicode=true&useSSL=false&serverTimezone=Asia/Shanghai&tinyInt1isBit=false&allowPublicKeyRetrieval=true
    driver-class-name: com.mysql.cj.jdbc.Driver
    # （必改）数据库账号
    username: 账号
    # （必改）数据库密码
    password: 密码
    ......
  redis:
    # （必改）缓存地址
    host: 缓存地址
    port: 6379
    timeout: 3000
    # （必改）缓存密码
    password: 缓存密码
		......

前端

进入到blog-web文件夹，需要编辑.env.development及.env.production文件，具体编辑如下

# 环境名称，不需要修改
ENV = 'development'

# base api
VUE_APP_BASE_API = 'http://127.0.0.1:8800/shiyi'

# 图片地址
VUE_APP_IMG_API = 'https://七牛的地址/'

VUE_APP_ADMIN_API = 'http://127.0.0.1/admin'

VUE_APP_WEBSOCKET_API =  "ws://127.0.0.1:8801/websocket"

VUE_APP_URL = 'http://127.0.0.1/'