docs: update readme.md

This commit is contained in:
zyronon
2024-04-05 14:53:56 +08:00
parent 4ae816aca1
commit 8284088e79
5 changed files with 4 additions and 417 deletions

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)

View File

@@ -1,98 +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>これは抖音TikTokを模倣したモバイルショートビデオプロジェクトである。
<a href="https://v3.cn.vuejs.org">Vue</a><a href="https://cn.vitejs.dev/">Vite</a> の実装をベースにしています。
最新のVueファミリーのバケット技術スタックを使用し、背景データは <a href="https://github.com/ctimmerm/axios-mock-adapter">axios-mock-adapter</a> によって構築されています。
</p>
> 私の他のオープンソースプロジェクトをシェアする:
>
>_[**Typing Word** - Web ページで使える単語暗記ソフト~](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** - 便利なオイルモンキースクリプト~](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" />_
## 免責事項
このプロジェクトは、技術的な研究と共有のためにのみ適用され、商業目的で使用することはできません。
## オンラインアクセス
Netlify: <https://douyins.netlify.app/> (中国にいるなら Vpn が必要です)
Vercel: <http://dy.ttentau.top/> (中国ではこれが推奨されています)
**注**: PCブラウザはモバイルモードでアクセスすること
F12キーを押してコンソールを表示し、Ctrl+Shift+Mキーを押してモバイルモードに切り替える。
**注**: 携帯電話の場合は、[Via ブラウザ](https://viayoo.com/zh-cn/)または Chrome ブラウザプレビューをご利用ください。
他のブラウザはビデオを強制的にフルスクリーンにし、スタイルを無効にします。
## エフェクトのスクリーンショット
<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>
## 関連記事
- juejinhttps://juejin.cn/spost/7352813352051687458
- V2Nexhttps://www.v2ex.com/t/1028678#reply116
## このプロジェクトが紹介したネット上の有名人たち
- 我是香秀🐂🍺: 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/
## プロジェクトの実行
このプロジェクトは `Vue` をベースにしており、実行には node 環境が必要です。
1. NodeJSをインストールするには、[公式ドキュメント](https://nodejs.org/en/download)を参照してください。
2. `git clone https://github.com/zyronon/douyin.git` を使ってプロジェクトをローカルにダウンロードしてください。
3. `npm install` と入力し、プロジェクトのルートディレクトリで `project install` を実行して依存関係をダウンロードする。
4. プロジェクトを開始するには `project dev` を実行する。プロジェクトのデフォルトアドレスは [`http://localhost:3000`](http://localhost:3000)] である。
5. ブラウザで [`http://localhost:3000`](http://localhost:3000)] を開き、プロジェクトにアクセスする。Chrome を携帯電話モードのショートカットキーに切り替え、F12 キーを押してコンソールを表示し、Ctrl+Shift+M キーを押す
## 機能と提案
現在、プロジェクトは開発の初期段階にあり、新機能は継続的に追加されています。
このソフトに関する機能や提案があれば、ぜひ Issues にお寄せください。
もし、このソフトのデザインアイデアがお気に召したら、お気軽に `PR` をお寄せください!
## 連絡先
私のメールアドレス <a href="mailto:zyronon@163.com">zyronon@163.com</a> にご連絡ください
## MIT ライセンス契約
[MIT](../LICENSE)