87 lines
3.2 KiB
Markdown
87 lines
3.2 KiB
Markdown
<h1 align="center">
|
||
Douyin
|
||
</h1>
|
||
|
||
<p align="center">
|
||
<a href="README.md">简体中文</a> |
|
||
<a href="README-en-US.md">English</a>
|
||
</p>
|
||
|
||
|
||
<p align="center">
|
||
<b>douyin</b>是一个模仿抖音的移动端短视频项目，它基于 <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>
|
||
|
||
## 📸 在线访问
|
||
|
||
Vercel: <http://dy.ttentau.top> (国内推荐访问这个)
|
||
|
||
Netlify: <https://douyins.netlify.app> (需要翻墙)
|
||
|
||
**注意**：PC浏览器请用手机模式访问。先按F12调出控制台，再按Ctrl+Shift+M切换到手机模式
|
||
|
||
**注意**：手机请用[Via浏览器](https://viayoo.com/zh-cn/)或者Chrome浏览器预览。其他浏览器会强制将视频全屏，导致样式都失效
|
||
|
||
## 🖼️ 效果截图
|
||
|
||
<div>
|
||
<img width="150px" src='./public/docs/1.gif' />
|
||
<img width="150px" src='./public/docs/2.gif' />
|
||
<img width="150px" src='./public/docs/3.gif' />
|
||
<img width="150px" src='./public/docs/4.gif' />
|
||
<img width="150px" src='./public/docs/5.gif' />
|
||
<img width="150px" src='./public/docs/img-1.jpg' />
|
||
<img width="150px" src='./public/docs/img-2.jpg' />
|
||
<img width="150px" src='./public/docs/img-3.jpg' />
|
||
<img width="150px" src='./public/docs/img-4.jpg' />
|
||
<img width="150px" src='./public/docs/img-5.jpg' />
|
||
</div>
|
||
|
||
## 相关帖子
|
||
- 掘金：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. 进入项目目录` cd douyin `，在项目根目录下，运行`npm install`来下载依赖。
|
||
4. 执行`npm run 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)
|