# SevenBlog-FrontEnd

**Repository Path**: taoes_admin/SevenBlog-FrontEnd

## Basic Information

- **Project Name**: SevenBlog-FrontEnd
- **Description**:  An open source blog platform, build on Vue  framework and JavaScript 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-02-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目说明

个人基于VUE实现的博客系统，后端使用Java开发的系统，非大众化博客平台，设计个人需求的博客系统 [地址 https://www.zhoutao123.com](https://www.zhoutao123.com),

后端仓库地址: [SevenBlog-BackEnd](https://github.com/taoes/SevenBlog-BackEnd)

# Github

+ [✅ 前端仓库地址](https://github.com/zhou-seven/SevenBlog-FrontEnd)
+ [✅ 后端仓库地址](https://github.com/zhou-seven/SevenBlog-BackEnd)


## 使用方法

安装最新版本的NodeJS，克隆代码并且安装依赖

```shell script
+ git clone https://github.com/zhou-seven/SevenBlog.git
+ sudo npm install yarn -g
+ yarn install
+ yarn serve
```

访问http://localhost:3000


## 技术栈

### 前端
- [x] VUE
- [x] Vuex
- [x] Vue Router
- [x] JavaScript(后期使用TypeScript重构)

### 后端
- [x] Java8
- [x] Gradle
- [x] MyBatis-Plus
- [x] SpringBoot2.x
- [x] Mysql 5.7
- [x] Redis Cache


##   开发计划
- [ ] 友情链接
- [ ] 资源管理
 



## 移动版预览

#### 博客列表

<div style="text-align: center">
<img src="./doc/top.png" width="400"/>
</div>
---

<div style="text-align: center">
<img src="./doc/top.png" width="400"/>
</div>
#### 侧边菜单

<div style="text-align: center">
<img src="./doc/category.png" width="400"/>
</div>
#### 博文详情

<div style="text-align: center">
<img src="./doc/detail.png" width="400"/>
</div>

## PC预览界面

> 预览界面有部分仍未完成，实际进度以个人网站为准 [https://www.zhoutao123.com](https://www.zhoutao123.com)

#### 首页(部分完成)

![](https://taoes-blog.oss-cn-shanghai.aliyuncs.com/picture/index-page.jpg)

#### 博客首页

![](https://taoes-blog.oss-cn-shanghai.aliyuncs.com/picture/index-blog.jpg)


#### 博文详情
![](https://taoes-blog.oss-cn-shanghai.aliyuncs.com/picture/blog-detail.jpg)


#### 文章管理

![文章管理界面](https://taoes-blog.oss-cn-shanghai.aliyuncs.com/picture/%E6%96%87%E7%AB%A0%E7%AE%A1%E7%90%86.png)



### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).