Update README.md

README.md

-# 网易云音乐（App版本）
 
-## 一、基本介绍
+![在这里插入图片描述](https://img-blog.csdnimg.cn/5972451e6662499c918b4a25a205e9ca.gif#pic_center)
+<hr>
+
+@[TOC](云音乐)
 
+<hr>
 
+## 一、基本介绍
 
 本项目使用`vue2+vue-cli`实现了一个简易的网易云音乐(**App版本**)，实现了歌曲的首页推荐展示，歌曲的搜索，评论的展示以及歌曲的播放四个主要功能模块，主要用来练手，效果如下图所示：
 
+**首页**
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/4e83b082a056f3084a4fc61bb8b83415.png#pic_center)
 
 
 
-**音乐播放**
+**搜索页面**
 
-<img src="https://gitee.com/riskbaby/picgo/raw/master/blog/202210311601471.png" alt="5" style="zoom:67%;" />
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/b993688aec1d533d18daea9f9ae7f767.png#pic_center)
 
-## 二、项目使用
 
-### 2.1 安装依赖
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/843d71d99eff8fd1499b8b67ac980e49.png#pic_center)
 
-```
-npm i
-```
 
-### 2.2 本地使用
+**评论**
 
-```
-npm run serve
-```
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/f2fbac620e7a370af0a17dcd8e581a74.png#pic_center)
 
+**音乐播放**
 
-
-### 2.3 打包上传
-
-```
-npm run build
-```
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/40e5b981fa3913ce010776fb5e5f1467.png#pic_center)
 
 
+## 二、项目使用
 
 **github地址**：[cloud-music](https://github.com/bosombaby/cloud-music)
 
-**在线预览：**：https://music.vrteam.top
+**在线预览：**：[云音乐](https://music.vrteam.top)
 
 ## 三、开发环境
 
 ### 2.1 代理服务器
 
-`api链接`：https://binaryify.github.io/NeteaseCloudMusicApi/#/![3](https://gitee.com/riskbaby/picgo/raw/master/blog/202210131612886.png)
+`api链接`：https://binaryify.github.io/NeteaseCloudMusicApi/#/![3](https://img-blog.csdnimg.cn/img_convert/43f9418ad00c362131e1a17ffd92e818.png)
 
 `总结`：根据文档在后端跑起来代理服务器
 
@@ -127,11 +124,11 @@ module.exports = {
 
 ## 四、需求分析
 
+![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/332d48779071ecf252f6ddb92c918f55.png#pic_center)
 
 
-<img src="https://gitee.com/riskbaby/picgo/raw/master/blog/202210131941184.png" alt="image-20210426212251154" style="zoom:50%;" />
 
-![1](https://gitee.com/riskbaby/picgo/raw/master/blog/202210161035039.png)
+![1](https://img-blog.csdnimg.cn/img_convert/216da4c66aacddfbd2e07c9fb823eb81.png)
 
 
 
@@ -254,4 +251,4 @@ export { recommendMusicAPI,newMusicAPI,hotSearchAPI,searchResultAPI,getSongByIdA
 
 ## 八、项目总结
 
-这次主要对`vue2`的项目进行锻炼。学习了模块化处理流程，对待不同的功能模块要进行合理的分区，前期一定要做好项目规划处理，后续开始学习`vue3`以及`three.js`
\ No newline at end of file
+这次主要对`vue2`的项目进行锻炼。学习了模块化处理流程，对待不同的功能模块要进行合理的分区，前期一定要做好项目规划处理，后续开始学习`vue3`以及`three.js`