1 changed files with 107 additions and 0 deletions
@ -0,0 +1,107 @@
@@ -0,0 +1,107 @@
|
||||
<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 |
||||
|
||||
[](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) |
Loading…
Reference in new issue