# Twinkle-Blog

**Repository Path**: a812783357/Twinkle-Blog

## Basic Information

- **Project Name**: Twinkle-Blog
- **Description**: 基于vue+quasar+animeJs搭建的音乐、视频私站。需搭配Twinkle-blog-server食用
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: v2
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 0
- **Created**: 2020-07-26
- **Last Updated**: 2022-06-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Twinkle

## 关于版本
```
v1版本 museUI
v2版本 Quasar(基于vue-cli)
```
### 如何启动
```
需要安装node环境及mongodb

首先
npm install
npm run dev 启动web服务

然后
cd Twinkle-blog-server

npm install
node app.js 启动后台服务

```

### 打包
```
npm run build
```

## 截图
### 登录
![avatar](./src/assets/markdownImg/login.png)

### 音乐播放
![avatar](./src/assets/markdownImg/audio.png)

### 音乐列表
![avatar](./src/assets/markdownImg/audioList.png)

### 今日推荐
![avatar](./src/assets/markdownImg/recommend.png)

### 视频列表
![avatar](./src/assets/markdownImg/video.png)

[预览地址](http://39.108.132.156/)

## 主要技术栈
前端:vue.js , vue-router , Quasar , axios
后端:[网易云API](https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=%e6%89%80%e6%9c%89%e6%a6%9c%e5%8d%95) , node.js , express , mongoDB , request