# blog-live

**Repository Path**: kevin5979/blog-live

## Basic Information

- **Project Name**: blog-live
- **Description**: 博客 - 生活
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-04-16
- **Last Updated**: 2022-09-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# blog-live

#### 介绍
- 多人博客交流平台
- 你可以拥有一个漂亮的博客界面 (自己可以配置和修改)
- 创作灵感来源于 https://diygod.me

#### 已经部署的项目

- 客户端 : http://blog-live.com/blog/home/u/8
- 管理端(需在客户端注册账号) : http://119.29.140.144:8006

#### 截图

##### 客户端
![加入我们](https://images.gitee.com/uploads/images/2021/0416/184354_67c314aa_5622709.png "屏幕截图.png")
![首页](https://images.gitee.com/uploads/images/2021/0416/183831_8c2936d1_5622709.png "屏幕截图.png")
![文章列表](https://images.gitee.com/uploads/images/2021/0416/183935_acb80baf_5622709.png "屏幕截图.png")
![文章详情](https://images.gitee.com/uploads/images/2021/0416/184016_875183b0_5622709.png "屏幕截图.png")
![文章归档](https://images.gitee.com/uploads/images/2021/0416/184058_a0cea97a_5622709.png "屏幕截图.png")
![我的小伙伴](https://images.gitee.com/uploads/images/2021/0416/184126_38a11719_5622709.png "屏幕截图.png")
![壁纸收藏](https://images.gitee.com/uploads/images/2021/0416/185845_2b1aa883_5622709.png "屏幕截图.png")
![我的基本信息](https://images.gitee.com/uploads/images/2021/0416/184314_e0ae56e3_5622709.png "屏幕截图.png")

##### 管理端
![登录界面](https://images.gitee.com/uploads/images/2021/0416/185705_3a6ad1b6_5622709.png "屏幕截图.png")
![写文章](https://images.gitee.com/uploads/images/2021/0416/184505_344cc5af_5622709.png "屏幕截图.png")
![文章列表管理](https://images.gitee.com/uploads/images/2021/0416/184553_8500358b_5622709.png "屏幕截图.png")
![文章归档管理](https://images.gitee.com/uploads/images/2021/0416/184625_071c5e78_5622709.png "屏幕截图.png")
![添加好友](https://images.gitee.com/uploads/images/2021/0416/184704_9639ee43_5622709.png "屏幕截图.png")
![好友管理](https://images.gitee.com/uploads/images/2021/0416/184729_6cbfa3ed_5622709.png "屏幕截图.png")
![添加音乐](https://images.gitee.com/uploads/images/2021/0416/184810_65cbb11a_5622709.png "屏幕截图.png")
![音乐管理](https://images.gitee.com/uploads/images/2021/0416/184833_f2930850_5622709.png "屏幕截图.png")
![个人管理](https://images.gitee.com/uploads/images/2021/0416/184900_40cf3055_5622709.png "屏幕截图.png")



#### 软件架构

- 博客展示页面 / 管理端页面 (前端)
  - 使用 `react` + `antd` 构建项目

- 后端接口
  - 使用 `nodejs` + `Koa2` + `mysql` 构建项目
  

#### 安装教程
> 1.clone 项目
```
git clone https://gitee.com/kevin5979/blog-live.git
```
> 2.安装依赖

- 管理端
```
cd admin
yarn
```

- 客户端
```
cd client
yarn
```

- 后端接口
```
cd server
npm install
```

> 3.导入数据库

> 4.修改配置
- `server/.env` 文件, 修改成自己的
- 生成公钥和私钥
  - `server/src/app.keys` 文件夹下, 生成`private.key` 和 `public.key` 文件
  - 参考 https://www.cnblogs.com/coderup2u/p/9557829.html
- 修改 `client/src/network/config.js` 的端口配置
- 修改 `admin/src/network/config.js` 的端口配置

> 5.分别运行代码
```
cd server && npm start
cd client && yarn run client
cd admin && yarn run admin
```

#### 写在最后

> 如果你喜欢这个blog-live系统, 欢迎star或fork !!!
> 有问题或建议可私信联系我, 一起学习交流也是可以的~