diff --git a/README.md b/README.md
index c979360e21ee03509dbe5a1493c3089d875145e2..111d1c3ce76b634df3d65957fca0ec98d6d9c678 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,27 @@
 # yz-music
 
+**This is a music website made with `Vue`.**
+
+Some components use [element plus](https://github.com/element-plus/element-plus), imitating the style of QQ music
+
+API using [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)
+
+![home](./demo/demo.gif)
+
 ## Project setup
+
 ```
-yarn install
+npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
-yarn serve
+npm run serve
 ```
 
 ### Compiles and minifies for production
-```
-yarn build
-```
 
-### Run your unit tests
 ```
-yarn test:unit
+npm run build
 ```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/demo/demo.gif b/demo/demo.gif
new file mode 100644
index 0000000000000000000000000000000000000000..90c6e770f9b5301fb1ef124bbc216e219f8680d4
Binary files /dev/null and b/demo/demo.gif differ