# blogging-platform

**Repository Path**: RoderickXiang/blogging-platform

## Basic Information

- **Project Name**: blogging-platform
- **Description**: Spring Boot项目
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-12-30
- **Last Updated**: 2021-12-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介
采用Spring Boot + Thymeleaf的博客社区项目，使用Nginx作为文件服务器，适用于课程设计  
**可以使用docker-compose部署**  
![](https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2818960303,1643407693&fm=26&gp=0.jpg)  
演示地址：http://8.136.7.197  
GitHub：https://github.com/RoderickXiang/blogging-platform  
码云：https://gitee.com/RoderickXiang/blogging-platform  

## 技术栈
技术 | 解决方案
---|---
后端 | Spring Boot
前端模板引擎 | Thymeleaf
数据库 | MySQL 8.0 + MyBatis-Plus
文件服务器 | Nginx
监控 | Spring Boot Actuator + Spring Boot Admin
部署 | docker-compose

## 架构图
[![rjLX1P.png](https://s3.ax1x.com/2020/12/31/rjLX1P.png)](https://imgchr.com/i/rjLX1P)

## 简单展示
[![rjOB9I.png](https://s3.ax1x.com/2020/12/31/rjOB9I.png)](https://imgchr.com/i/rjOB9I)
[![rjXSv6.png](https://s3.ax1x.com/2020/12/31/rjXSv6.png)](https://imgchr.com/i/rjXSv6)
[![rjXMqS.png](https://s3.ax1x.com/2020/12/31/rjXMqS.png)](https://imgchr.com/i/rjXMqS)

## 部署
### 使用docker-compose
切换到项目目录：
```shell
cd 项目根目录 # 项目目录不要使用中文
```
使用maven进行打包：
```shell
mvn package
```
运行docker-compose：
```shell
sudo docker-compose up -d # 启动项目
sudo docker-compose down # 停止项目

sudo docker-compose -p blogging-platform up -d # 重命名启动
sudo docker-compose -p blogging-platform down
```
#### 数据持久化
```
./docker/data   # 持久化数据
```
docker-compose会创建一个volume用于存储nginx中的数据

### 直接部署
#### Nginx配置
由于使用到了Nginx作为文件服务器的功能并且文件上传的实现是通过controller直接存入文件夹，所以在不同环境需要配置不同的文件夹路径  

Nginx服务器的目录结构：
```
nginx根目录/data/
└── blogging-platform   //项目名称
    ├── avatar          //头像
    └── image-article   //文章中的图片
```
配置好之后可以通过http方式：域名/avatar/图片名.jpg 获取图片  
config文件：
```
http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        # server_name  localhost;

        # 图标
        location /favicon.ico {  
            root html;  
        }

        # 图床
		location /image-article {
            root data/blogging-platform;
		}

        # 头像
        location /avatar {
            root data/blogging-platform;
        }

        location / {
            proxy_pass  http://127.0.0.1:8080;
        }
        location = /50x.html {
            root   html;
        }
    }
}
```

## 项目的未来
1. 密码修改
2. 评论区
3. 问答模块
4. 类似LeetCode的Playground

## 使用到的个人开源项目
技术 | 解决方案
---|---
头像裁剪 + 上传 | https://github.com/saintic/layui-cropper-avatar