docs: update readme.md

This commit is contained in:
zyronon 2024-04-05 14:38:14 +08:00
parent 3d18fcf3d4
commit b5a083213f
2 changed files with 17 additions and 110 deletions

View File

@ -15,15 +15,23 @@ jobs:
with:
node-version: 12.x
# ISO Langusge Codes: https://cloud.google.com/translate/docs/languages
- name: Adding README - Chinese Simplified
uses: dephraiim/translate-readme@main
with:
LANG: zh-CN
- name: Adding README - Chinese Traditional
uses: dephraiim/translate-readme@main
with:
LANG: zh-TW
- name: Adding README - English
uses: dephraiim/translate-readme@main
with:
LANG: en-US
LANG: en
- name: Adding README - Japanese
uses: dephraiim/translate-readme@main
with:
LANG: ja
- name: Adding README - German
uses: dephraiim/translate-readme@main
with:
LANG: de
- name: Adding README - French
uses: dephraiim/translate-readme@main
with:
LANG: fr
- name: Adding README - Spanish
uses: dephraiim/translate-readme@main
with:
LANG: es

View File

@ -1,101 +0,0 @@
<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
- juejinhttps://juejin.cn/spost/7352813352051687458
- V2Nexhttps://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)