# Blog

**Repository Path**: codernmx/blog

## Basic Information

- **Project Name**: Blog
- **Description**: 😜个人博客，vue2 + node.js + express + mysql
改自：https://gitee.com/Z568_568/all-blog-sys
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-04-26
- **Last Updated**: 2022-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



<br />
<br />

<p align="center">
  <a href="https://gitee.com/Z568_568/mango-blog-system.git">
    <img src="doc/logo.png" alt="Logo" width="100" height="80">
  </a>

<h3 align="center">" 🔥 MG'Blog "</h3>
  <p align="center">
    一个 "开箱即用" 个人博客全栈系统项目！
    <br />
    <a href="https://gitee.com/Z568_568/all-blog-sys" target="_blank"><strong>探索本项目的源码 »</strong></a>
    <br />
    <br />
    <a href="http://www.zhouyi.run/#/" target="_blank"> 👀 前台预览</a>
    ·
    <a href="http://zhouyi.run:5221/#/index" target="_blank"> 👀 管理端预览</a>
</p>

</p>


#### 🥯 v1.0.2 介绍

>  芒果’个人博客系统，包括前后台完整基础功能，前台站点一键置灰，支持移动端适配；管理端常用增·查·改页面代码自动生成即可，sql文件已附上，开箱即用，对你有用可以 star ⭐⭐  灰常谢谢，
- ⭐项目面向前端学习node.js，mysql等后端基础
- ⭐有好的建议欢迎交流学习 1840354092@qq.com
- ⭐项目启动安装有问题可以留言，会及时解答

```

    v1.0.1 前台：Gblog 
           管理端: vue-element-admin
           Node服务端: express + 原生sql

    v1.0.2 前台：Gblog 
           管理端：d2-admin 
           Node服务端: express + 数据库ORM（sequelize框架）
```
<!-- PROJECT SHIELDS -->

[![star](https://gitee.com/Z568_568/all-blog-sys/badge/star.svg?theme=dark)](https://gitee.com/Z568_568/all-blog-sys/stargazers)
[![fork](https://gitee.com/Z568_568/all-blog-sys/badge/fork.svg?theme=dark)](https://gitee.com/Z568_568/all-blog-sys/members)

<!-- PROJECT LOGO -->

>[node后端api基础服务简易版](https://gitee.com/Z568_568/zy-express-sequelize-mysql)
***

#### 🥯v1.0.2 功能列表

- [x] 用户管理
- [x] 菜单管理
- [x] 角色管理
- [x] 文章管理
- [x] 评论管理
- [x] 归档管理
- [x] 站点管理
- [x] 代码生成
- [x] 留言邮件回复
- [x] 更多...

#### 🥯v1.0.2 接口文档

> 方式1. <a href="https://console-docs.apipost.cn/preview/85df1005c24df829/b25c320b5df19b98" target="_blank"> 👀 查看在线接口文档</a> 


> 方式2. 👀 项目启动后 访问 swagger-ui 接口文档

#### 🥯v1.0.2 项目安装启动教程


``` 

1.依赖安装: 前台client | 管理端admin | 服务端 server -`npm install`

2.启动项目: 前台client- npm run serve 
           管理端admin - npm run dev 
           服务端 server - nodemon app （热启动） 或者 node app

3.服务端启动前准备: 
            3.1 建库: mg_db  建表:运行sql文件到 mg_db 加载数据表
            3.2 在 mg-server/config/db.config.js 配置数据库信息
            3.3 启动成功示例： 
                    项目启动成功: http://localhost:5222
                    接口文档地址: http://localhost:5222/swagger

4.管理端登录账号密码 ：
            4.1 访客：editor  123456   超级管理员：admin  123456
```


#### 🥯v1.0.2 项目截图

 
 <img src="doc/img/1.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/2.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/3.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/4.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/5.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.1.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/7.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/8.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.2.png" width = "300" height = "150" alt="图片名称" align=center />
 <img src="doc/img/1.3.png" width = "300" height = "150" alt="图片名称" align=center />