.
\ No newline at end of file
diff --git a/README.md b/README.md
index 47337b1..2a4c288 100644
--- a/README.md
+++ b/README.md
@@ -1,54 +1,76 @@
- Douyin
+ Douyin-Vue
- 简体中文 | English | 日本語
+ 简体中文 | English | 日本語
-`douyin` 是一个模仿抖音的移动端短视频项目,它基于 [`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/) 实现。使用了最新的 `Vue` 全家桶技术栈,接口数据通过 [`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter) 模拟
+
+
+
+
+
-> 分享我其他开源项目:
->
->_[**Typing Word** - 可在网页上使用的背单词软件~](https://github.com/zyronon/typing-word)
_
->_[**Web Scripts** - 一些好用的油猴脚本~](https://github.com/zyronon/web-scripts)
_
+`douyin-vue` 是一个模仿抖音的移动端短视频项目,它基于 [`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)
+实现。使用了最新的 `Vue` 全家桶技术栈,接口数据通过 [`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)
+模拟
-
-## 免责声明
-
-本项目仅适用于技术研究和分享,不得用于商业使用
+
## 在线访问
-Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/) (国内推荐访问这个)
+Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/) (中国推荐访问这个)
Netlify:[https://douyins.netlify.app/](https://douyins.netlify.app/) (需要翻墙)
-**注意**:`PC` 浏览器请用手机模式访问。先按 `F12` 调出控制台,再按 `Ctrl+Shift+M` 切换到手机模式
+**注意**:`PC` 必须将浏览器切到手机模式,先按 `F12` 调出控制台,再按 `Ctrl+Shift+M`才能正常预览
-**注意**:手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或者 Chrome 浏览器预览。其它浏览器会强制将视频全屏,导致样式失效
+**注意**:手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏,导致无法正常显示
-## 效果截图
+## 免责声明
-
+本项目仅适用于学习和研究,不得用于商业使用
-## 相关帖子
+## 运行
+### 快速部署至Vercel
+
+[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
+
+### 本地开发
+
+```bash
+git clone https://github.com/zyronon/douyin.git
+cd douyin
+npm install
+npm run dev
+```
+
+打开浏览器并访问 [http://127.0.0.1:3000](http://127.0.0.1:3000)
+
+**注意:PC 必须将浏览器切到手机模式,先按 `F12` 调出控制台,再按 `Ctrl+Shift+M`才能正常预览**
+
+## 链接
+
+- 开源中国:https://mp.weixin.qq.com/s/TWowmZpU_ojE5G2KzXuU8g
+- V2EX:https://www.v2ex.com/t/1028678
- 掘金:https://juejin.cn/post/7352813352051687458
-- V2EX:https://www.v2ex.com/t/1028678#reply116
-## 项目所展示的网红
+## 数据来源
+
+视频来源于以下抖音网红
- 我是香秀 🐂🍺: [https://v.douyin.com/iYRAPA2L/](https://v.douyin.com/iYRAPA2L/)
- 杨老虎 🐯(磕穿下巴掉牙版): [https://v.douyin.com/iYRA56de/](https://v.douyin.com/iYRA56de/)
@@ -64,16 +86,9 @@ Netlify:[https://douyins.netlify.app/](https://douyins.netlify.app/) (需要
- 彭十六 elf: [https://v.douyin.com/iYRAHrVG/](https://v.douyin.com/iYRAHrVG/)
- 李子柒:[https://v.douyin.com/iYRA5B88/](https://v.douyin.com/iYRA5B88/)
-## 运行项目
+图片来自于小红书公开笔记
-本项目是基于 `Vue` 开发的,需要 `node` 环境来运行。
-
-1. 安装 `NodeJS`,参考[官方文档](https://nodejs.org/en/download)
-2. 安装 `pnpm` 包管理工具,运行 `npm install -g pnpm` 来安装
-3. 使用 `git clone https://github.com/zyronon/douyin.git` 下载项目到本地
-4. 进入项目目录`cd douyin`,在项目根目录下,运行`pnpm install`来下载依赖。
-5. 执行`pnpm dev`来启动项目,项目默认地址为[`http://localhost:3000`](http://localhost:3000)
-6. 在浏览器中打开[`http://localhost:3000`](http://localhost:3000) 来访问项目。 `Chrome` 切换成手机模式快捷键,先按 `F12` 调出控制台,再按 `Ctrl+Shift+M`(设备仿真模拟)
+以上内容均是互联网公开信息
## 功能与建议
@@ -83,7 +98,13 @@ Netlify:[https://douyins.netlify.app/](https://douyins.netlify.app/) (需要
## 联系我
您可以联系我的邮箱 zyronon@163.com
+> 分享我其他开源项目:
+>
+>_[**Typing Word
+** - 可在网页上使用的背单词软件~](https://github.com/zyronon/typing-word)
_
+> _[**Web Scripts
+** - 一些好用的油猴脚本~](https://github.com/zyronon/web-scripts)
_
## 许可协议
-[MIT](LICENSE)
+[GPL](LICENSE)
\ No newline at end of file
diff --git a/NOTE.md b/docs/NOTE.md
similarity index 100%
rename from NOTE.md
rename to docs/NOTE.md
diff --git a/README-en-US.md b/docs/README-en-US.md
similarity index 86%
rename from README-en-US.md
rename to docs/README-en-US.md
index 590f812..3aee699 100644
--- a/README-en-US.md
+++ b/docs/README-en-US.md
@@ -3,7 +3,7 @@
-简体中文 |
+简体中文 |
English |
日本語
@@ -40,16 +40,16 @@ Other browsers will force the video to be full-screen, invalidating the style.
## Effect screenshot
-

-

-

-

-

-

-

-

-

-

+

+

+

+

+

+

+

+

+

+
## Related post
@@ -98,4 +98,4 @@ You can contact my email address < a href= "mailto:zyronon@163.com" > zyronon@16
## MIT license Agreement
-[MIT](LICENSE)
+[MIT](../LICENSE)
diff --git a/docs/README-en-US2.md b/docs/README-en-US2.md
new file mode 100644
index 0000000..3aee699
--- /dev/null
+++ b/docs/README-en-US2.md
@@ -0,0 +1,101 @@
+
+ Douyin
+
+
+
+简体中文 |
+English |
+日本語
+
+
+
+ douyinIt is a mobile short video project imitating Douyin.,
+It is based on Vue, Vite implementation.
+The latest Vue family bucket technology stack is used, and the background data is built by axios-mock-adapter.
+
+
+
+> Share my other open source projects:
+>
+>_[**Typing Word** - Word memorization software that can be used on a web page~](https://github.com/zyronon/typing-word)
_
+> _[**Web Scripts** - Some useful oil monkey scripts~](https://github.com/zyronon/web-scripts)
_
+
+
+## Disclaimers
+
+This project is only applicable for technical research and sharing, and cannot be used for commercial purposes
+
+## Online access
+
+Netlify: (If you are in China, you need Vpn)
+
+Vercel: (This is recommended in China.)
+
+**Note**: PC browsers should be accessed in mobile mode.
+Press F12 to bring up the console, and then press Ctrl+Shift+M to switch to mobile mode.
+
+**Note**: for mobile phones, please use [Via browser] (https://viayoo.com/zh-cn/) or Chrome browser preview).
+Other browsers will force the video to be full-screen, invalidating the style.
+
+## Effect screenshot
+
+
+
+## Related post
+
+- juejin:https://juejin.cn/spost/7352813352051687458
+- V2Nex:https://www.v2ex.com/t/1028678#reply116
+
+## The online celebrities displayed by the project
+
+- 我是香秀🐂🍺: https://v.douyin.com/iYRAPA2L/
+- 杨老虎🐯(磕穿下巴掉牙版): https://v.douyin.com/iYRA56de/
+- 条子: https://v.douyin.com/iYRAaqjr/
+- 达莎Digi: https://v.douyin.com/iYRA6rwT/
+- 小橙子: https://v.douyin.com/iYRAnudw/
+- 南恬: https://v.douyin.com/iYRAbKm3/
+- 小霸宠牛排🥩:https://v.douyin.com/iYRSosVB/
+- 奶茶妹◕🌱: https://v.douyin.com/iYRACKhP/
+- 我才是岚岚: https://v.douyin.com/iYRAQM1C/
+- 周憬艺ziran: https://v.douyin.com/iYRAQs4h/
+- 刘思瑶nice: https://v.douyin.com/iYRAaERn/
+- 彭十六elf: https://v.douyin.com/iYRAHrVG/
+- 李子柒:https://v.douyin.com/iYRA5B88/
+
+## Run the project
+
+This project is based on `Vue` and needs node environment to run.
+
+1. To install NodeJS, refer to [official documentation] (https://nodejs.org/en/download))
+2. Use `git clone https://github.com/zyronon/douyin.git` to download the project locally.
+3. Enter the project directory `npm install` and run `project install` under the project root directory to download the
+ dependency.
+4. Execute `project dev` to start the project. The default address of the project
+ is [`http://localhost:3000`](http://localhost:3000)].
+5. Open [`http://localhost:3000`](http://localhost:3000)] in the browser to access the project.
+ Chrome switch to mobile phone mode shortcut key, press F12 to bring up the console, and then press Ctrl+Shift+M
+
+## Functions and suggestions
+
+At present, the project is in the early stage of development, and new features are being added continuously. If you have
+any functions and suggestions for the software, you are welcome to put forward them in Issues.
+If you also like the design idea of this software, welcome to submit pr, thank you very much for your support!
+
+## Contact me
+
+You can contact my email address < a href= "mailto:zyronon@163.com" > zyronon@163.com < / a >
+
+## MIT license Agreement
+
+[MIT](../LICENSE)
diff --git a/README-ja-JP.md b/docs/README-ja-JP.md
similarity index 88%
rename from README-ja-JP.md
rename to docs/README-ja-JP.md
index 17d4dfd..205dc42 100644
--- a/README-ja-JP.md
+++ b/docs/README-ja-JP.md
@@ -3,7 +3,7 @@
-简体中文 |
+简体中文 |
English |
日本語
@@ -40,16 +40,16 @@ F12キーを押してコンソールを表示し、Ctrl+Shift+Mキーを押し
## エフェクトのスクリーンショット
-

-

-

-

-

-

-

-

-

-

+

+

+

+

+

+

+

+

+

+
## 関連記事
@@ -95,4 +95,4 @@ F12キーを押してコンソールを表示し、Ctrl+Shift+Mキーを押し
## MIT ライセンス契約
-[MIT](LICENSE)
+[MIT](../LICENSE)
diff --git a/public/docs/1.gif b/docs/imgs/1.gif
similarity index 100%
rename from public/docs/1.gif
rename to docs/imgs/1.gif
diff --git a/public/docs/2.gif b/docs/imgs/2.gif
similarity index 100%
rename from public/docs/2.gif
rename to docs/imgs/2.gif
diff --git a/public/docs/3.gif b/docs/imgs/3.gif
similarity index 100%
rename from public/docs/3.gif
rename to docs/imgs/3.gif
diff --git a/public/docs/4.gif b/docs/imgs/4.gif
similarity index 100%
rename from public/docs/4.gif
rename to docs/imgs/4.gif
diff --git a/public/docs/5.gif b/docs/imgs/5.gif
similarity index 100%
rename from public/docs/5.gif
rename to docs/imgs/5.gif
diff --git a/public/docs/img-1.jpg b/docs/imgs/img-1.jpg
similarity index 100%
rename from public/docs/img-1.jpg
rename to docs/imgs/img-1.jpg
diff --git a/public/docs/img-2.jpg b/docs/imgs/img-2.jpg
similarity index 100%
rename from public/docs/img-2.jpg
rename to docs/imgs/img-2.jpg
diff --git a/public/docs/img-3.jpg b/docs/imgs/img-3.jpg
similarity index 100%
rename from public/docs/img-3.jpg
rename to docs/imgs/img-3.jpg
diff --git a/public/docs/img-4.jpg b/docs/imgs/img-4.jpg
similarity index 100%
rename from public/docs/img-4.jpg
rename to docs/imgs/img-4.jpg
diff --git a/public/docs/img-5.jpg b/docs/imgs/img-5.jpg
similarity index 100%
rename from public/docs/img-5.jpg
rename to docs/imgs/img-5.jpg