pimhwang
/
douyin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

docs: update readme.md

pull/58/head
zyronon 1 year ago
parent
4ae816aca1
commit
8284088e79
5 changed files with 4 additions and 417 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      README.md
  2. 107
      README.zh-CN.md
  3. 107
      README.zh-TW.md
  4. 101
      docs/README-en-US.md
  5. 98
      docs/README-ja-JP.md

8
README.md
Unescape View File

@ -3,7 +3,8 @@ @@ -3,7 +3,8 @@
</h1>
<p align="center">
<a href="README.md">简体中文</a> | <a href="README.en.md">English</a> | <a href="README.ja.md">日本語</a>
<a href="README.en.md">English</a> | <a href="README.es.md">Spanish</a> | <a href="README.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="README.ja.md">日本語</a>
</p>
<p align="center">
@ -12,9 +13,8 @@ @@ -12,9 +13,8 @@
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
</p>
`douyin-vue` 是一个模仿抖音的移动端短视频项目，它基于 [`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)
实现。使用了最新的 `Vue` 全家桶技术栈，接口数据通过 [`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)
模拟
`douyin-vue` 是一个模仿 `抖音|TikTok` 的移动端短视频项目，它基于 [`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)
实现。使用了最新的 `Vue` 全家桶技术栈。Api 数据保存在项目本地，视频采集自`抖音|TikTok`，图集采集自`小红书|Xiaohongshu`，通过 [`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter) 库拦截Api 并返回本地json数据，模拟出真实的后端请求
<div>
<img width="150px" src='docs/imgs/1.gif' />

107
README.zh-CN.md
Unescape View File

@ -1,107 +0,0 @@ @@ -1,107 +0,0 @@
<h1 align="center">
Douyin-Vue
</h1>
<p align="center">
<a href="README.md">简体中文</a> | <a href="docs/README-en-US.md">English</a> | <a href="docs/README-ja-JP.md">日本語</a>
</p>
<p align="center">
<a href="https://github.com/zyronon/douyin/blob/master/LICENSE"><img src="https://img.shields.io/github/license/zyronon/douyin" alt="License"></a>
<a><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"/></a>
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
</p>
`douyin-vue`是一个模仿抖音的移动端短视频项目，它基于[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)实现。使用了最新的`Vue`全家桶技术栈，接口数据通过[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)模拟
<div>
<img width="150px" src='docs/imgs/1.gif' />
<img width="150px" src='docs/imgs/2.gif' />
<img width="150px" src='docs/imgs/3.gif' />
<img width="150px" src='docs/imgs/4.gif' />
<img width="150px" src='docs/imgs/5.gif' />
<img width="150px" src='docs/imgs/img-1.jpg' />
<img width="150px" src='docs/imgs/img-2.jpg' />
<img width="150px" src='docs/imgs/img-3.jpg' />
<img width="150px" src='docs/imgs/img-4.jpg' />
<img width="150px" src='docs/imgs/img-5.jpg' />
</div>
## 在线访问
维塞尔：[HTTP://对于.头ten痛AU.top/](http://dy.ttentau.top/)(中国推荐访问这个)
网络化：[HTTPS://都隐身.net里放映.app/](https://douyins.netlify.app/)(需要翻墙)
**注意**：`PC`必须将浏览器切到手机模式，先按`F12`调出控制台，再按`Ctrl+Shift+M`才能正常预览
**注意**：手机请用[Via 浏览器](https://viayoo.com/zh-cn/)或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示
## 免责声明
本项目仅适用于学习和研究，不得用于商业使用
## 运行
### 快速部署至Vercel
[![Deploy with Vercel](https://vercel.com/button)](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://门票.微信.QQ.com/是/two我们Z PU_OJ E5G2kz X UU8个](https://mp.weixin.qq.com/s/TWowmZpU_ojE5G2KzXuU8g)
- V2EX：[HTTPS://呜呜呜.V2恶心.com/他/1028678](https://www.v2ex.com/t/1028678)
- 掘金：[HTTPS://掘金.才能/post/7352813352051687458](https://juejin.cn/post/7352813352051687458)
## 数据来源
视频来源于以下抖音网红
- 我是香秀 🐂🍺：<https://v.douyin.com/iYRAPA2L/>
- 杨老虎 🐯（磕穿下巴掉牙版）：[HTTPS://V.痘印.com/I Y RA56的/](https://v.douyin.com/iYRA56de/)
- 条子：[HTTPS://V.痘印.com/I Y RA阿Q居然/](https://v.douyin.com/iYRAaqjr/)
- 达莎 Digi：[HTTPS://V.痘印.com/I Y RA6认为T/](https://v.douyin.com/iYRA6rwT/)
- 小橙子：[HTTPS://V.痘印.com/I Y ran u第五/](https://v.douyin.com/iYRAnudw/)
- 南恬：[HTTPS://V.痘印.com/I Y RA把km3/](https://v.douyin.com/iYRAbKm3/)
- 小霸宠牛排 🥩：[HTTPS://V.痘印.com/I Y R SOS VB/](https://v.douyin.com/iYRSosVB/)
- 奶茶妹 ◕🌱：[HTTPS://V.痘印.com/I Y rack HP/](https://v.douyin.com/iYRACKhP/)
- 我才是岚岚：[HTTPS://V.痘印.com/I Y RA QM1C/](https://v.douyin.com/iYRAQM1C/)
- 周民艺是：[HTTPS://V.痘印.com/I Y RA QS4还/](https://v.douyin.com/iYRAQs4h/)
- 刘思瑶 nice：[HTTPS://V.痘印.com/I Y RA AE RN/](https://v.douyin.com/iYRAaERn/)
- 彭十六 elf：[HTTPS://V.痘印.com/I Y RA HRV G/](https://v.douyin.com/iYRAHrVG/)
- 李子柒：[HTTPS://V.痘印.com/I Y RA5B88/](https://v.douyin.com/iYRA5B88/)
图片来自于小红书公开笔记
以上内容均是互联网公开信息
## 功能与建议
目前项目处于开发初期，新功能正在持续添加中，如果你对软件有任何功能与建议，欢迎在`Issues`中提出
如果你也喜欢本软件的设计思想，欢迎提交`PR`，非常感谢你对我们的支持！
## 联系我
您可以联系我的邮箱<a href="mailto:zyronon@163.com">只有RO non@163.com</a>
> 分享我其他开源项目：
>
> _[**打字**- 可在网页上使用的背单词软件~](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" />_
> _[**网页脚本**- 一些好用的油猴脚本~](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" />_
## 许可协议
[通用公共许可证](LICENSE)

107
README.zh-TW.md
Unescape View File

@ -1,107 +0,0 @@ @@ -1,107 +0,0 @@
<h1 align="center">
Douyin-Vue
</h1>
<p align="center">
<a href="README.md">简体中文</a> | <a href="docs/README-en-US.md">English</a> | <a href="docs/README-ja-JP.md">日本語</a>
</p>
<p align="center">
<a href="https://github.com/zyronon/douyin/blob/master/LICENSE"><img src="https://img.shields.io/github/license/zyronon/douyin" alt="License"></a>
<a><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"/></a>
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
</p>
`douyin-vue`是一個模仿抖音的行動端短影片項目，它基於[`Vue`](https://cn.vuejs.org/)、[`Vite`](https://cn.vitejs.dev/)實現。使用了最新的`Vue`全家桶技術棧，介面資料通過[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)模擬
<div>
<img width="150px" src='docs/imgs/1.gif' />
<img width="150px" src='docs/imgs/2.gif' />
<img width="150px" src='docs/imgs/3.gif' />
<img width="150px" src='docs/imgs/4.gif' />
<img width="150px" src='docs/imgs/5.gif' />
<img width="150px" src='docs/imgs/img-1.jpg' />
<img width="150px" src='docs/imgs/img-2.jpg' />
<img width="150px" src='docs/imgs/img-3.jpg' />
<img width="150px" src='docs/imgs/img-4.jpg' />
<img width="150px" src='docs/imgs/img-5.jpg' />
</div>
## 在線訪問
維塞爾：<http://dy.ttentau.top/>(中國推薦訪問這個)
網路化：<https://douyins.netlify.app/>(需要翻牆)
**注意**：`PC`必須將瀏覽器切到手機模式，先按`F12`調出控制台，再按`Ctrl+Shift+M`才能正常預覽
**注意**：手機請用[Via 瀏覽器](https://viayoo.com/zh-cn/)或 Chrome 瀏覽器預覽。其它瀏覽器可能會強制將視訊全屏，導致無法正常顯示
## 免責聲明
本項目僅適用於學習和研究，不得用於商業使用
## 運行
### 快速部署至Vercel
[![Deploy with Vercel](https://vercel.com/button)](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>
**注意：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>
## 數據來源
影片來自以下抖音網紅
- 我是香秀 🐂🍺：<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/>
- 週民藝是：<https://v.douyin.com/iYRAQs4h/>
- 劉思瑤 nice：<https://v.douyin.com/iYRAaERn/>
- 彭十六 elf： <https://v.douyin.com/iYRAHrVG/>
- 李子柒：<https://v.douyin.com/iYRA5B88/>
圖片來自於小紅書公開筆記
以上內容均為網路公開訊息
## 功能與建議
目前專案處於開發初期，新功能正在持續添加中，如果你對軟體有任何功能與建議，歡迎在`Issues`中提出
如果你也喜歡本軟體的設計思想，歡迎提交`PR`，非常感謝你對我們的支持！
## 聯絡我
您可以聯絡我的信箱<a href="mailto:zyronon@163.com">zyronon@163.com</a>
> 分享我其他開源專案：
>
> _[**打字**- 網頁上可使用的背單字軟體~](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" />_
> _[**網頁腳本** - 一些好用的油猴脚本~](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" />_
## 授權協議
[通用公共許可證](LICENSE)

101
docs/README-en-US.md
Unescape View File

@ -1,101 +0,0 @@ @@ -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
- 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)

98
docs/README-ja-JP.md
Unescape View File

@ -1,98 +0,0 @@ @@ -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>
## 関連記事
- juejin：https://juejin.cn/spost/7352813352051687458
- V2Nex：https://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)
Write Preview
Loading…
Cancel
Save