102 lines
4.2 KiB
Markdown
102 lines
4.2 KiB
Markdown
<h1 align="center">
|
||
Douyin
|
||
</h1>
|
||
|
||
<p align="center">
|
||
<a href="../README.md">简体中文</a> |
|
||
<a href="README-en-US.md">English</a> |
|
||
<a href="README-ja-JP.md">日本語</a>
|
||
</p>
|
||
|
||
<p align="center">
|
||
<b>douyin</b>It is a mobile short video project imitating Douyin.，
|
||
It is based on <a href="https://v3.cn.vuejs.org">Vue</a>, <a href="https://cn.vitejs.dev/">Vite</a> implementation.
|
||
The latest Vue family bucket technology stack is used, and the background data is built by <a href="https://github.com/ctimmerm/axios-mock-adapter">axios-mock-adapter</a>.
|
||
</p>
|
||
|
||
|
||
> 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) <img src="https://img.shields.io/github/stars/zyronon/typing-word.svg?style=flat-square&label=Star&color=4285dd&logo=github" height="16px" />_
|
||
> _[**Web Scripts** - Some useful oil monkey scripts~](https://github.com/zyronon/web-scripts) <img src="https://img.shields.io/github/stars/zyronon/web-scripts.svg?style=flat-square&label=Star&color=4285dd&logo=github" height="16px" />_
|
||
|
||
|
||
## Disclaimers
|
||
|
||
This project is only applicable for technical research and sharing, and cannot be used for commercial purposes
|
||
|
||
## Online access
|
||
|
||
Netlify: <https://douyins.netlify.app/> (If you are in China, you need Vpn)
|
||
|
||
Vercel: <http://dy.ttentau.top/> (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
|
||
|
||
<div>
|
||
<img width="150px" src='imgs/1.gif' />
|
||
<img width="150px" src='imgs/2.gif' />
|
||
<img width="150px" src='imgs/3.gif' />
|
||
<img width="150px" src='imgs/4.gif' />
|
||
<img width="150px" src='imgs/5.gif' />
|
||
<img width="150px" src='imgs/img-1.jpg' />
|
||
<img width="150px" src='imgs/img-2.jpg' />
|
||
<img width="150px" src='imgs/img-3.jpg' />
|
||
<img width="150px" src='imgs/img-4.jpg' />
|
||
<img width="150px" src='imgs/img-5.jpg' />
|
||
</div>
|
||
|
||
## 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)
|