docs: update README.md
This commit is contained in:
zyronon
parent
9b7d8c5568
commit
10494fcfe2
115
README.de.md
115
README.de.md
@ -1,115 +0,0 @@
|
||||
<h1 align="center">
|
||||
Douyin-Vue
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.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`ist eine Parodie`抖音|TikTok`mobiles Kurzvideoprojekt.`Vue`„Best Practices“ auf der mobilen Seite, vergleichbar mit Native`App`Seidiges und geschmeidiges Erlebnis. Habe das Neueste verwendet`Vue`Technologie-Stack, basierend auf[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)erreichen. Die Daten werden lokal im Projekt gespeichert[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Backend-Anfragen zu simulieren.
|
||||
|
||||
<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>
|
||||
|
||||
## Online-Zugang
|
||||
|
||||
Gitee-Seiten:<https://dy.ttentau.top/>(Es wird empfohlen, diese Adresse in China zu besuchen)
|
||||
Netlify:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
|
||||
|
||||
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
|
||||
|
||||
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
|
||||
|
||||
## Verknüpfung
|
||||
|
||||
\[douyin-vue] Eins:[200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Zweitens:[Verwirklichen Sie den „unendlich gleitenden Video“-Effekt auf Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
Weitere Artikel sind in Vorbereitung...
|
||||
|
||||
## laufen
|
||||
|
||||
Hinweis: Dieses Projekt ist nur für Studien- und Forschungszwecke geeignet, nicht für die kommerzielle Nutzung
|
||||
|
||||
### Schnelle Bereitstellung in Vercel
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
|
||||
|
||||
### lokale Entwicklung
|
||||
|
||||
```bash
|
||||
git clone https://github.com/zyronon/douyin.git
|
||||
cd douyin
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Öffnen Sie Ihren Browser und besuchen Sie:<http://127.0.0.1:3000>
|
||||
|
||||
**Hinweis: Sie müssen den Browser in den Mobilmodus schalten, indem Sie zuerst drücken`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen**
|
||||
|
||||
## Datenquellen
|
||||
|
||||
Das Video stammt von folgenden Douyin-Prominenten
|
||||
|
||||
- `我是香秀 🐂🍺`:<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/>
|
||||
|
||||
Bild aus den öffentlichen Notizen von Xiaohongshu
|
||||
|
||||
Bei den oben genannten Inhalten handelt es sich um alle öffentlichen Informationen im Internet
|
||||
|
||||
## Funktionen und Vorschläge
|
||||
|
||||
Das Projekt befindet sich derzeit in einem frühen Entwicklungsstadium und es werden kontinuierlich neue Funktionen hinzugefügt. Wenn Sie Funktionen oder Vorschläge für die Software haben, können Sie sich gerne an uns wenden.`Issues`aufgewachsen in
|
||||
Wenn Ihnen die Designideen dieser Software auch gefallen, reichen Sie sie bitte ein`PR`, Vielen Dank für deine Unterstützung!
|
||||
|
||||
## kontaktiere mich
|
||||
|
||||
Sie können meine E-Mail kontaktieren<a href="mailto:zyronon@163.com">zyronon@163.com</a>
|
||||
|
||||
> Teilen Sie meine anderen Open-Source-Projekte:
|
||||
>
|
||||
> _[**Wort eingeben**- Software zum Auswendiglernen von Vokabeln, die im Internet verwendet werden kann](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" />_
|
||||
> _[**Webskripte**- Einige nützliche Grease Monkey-Skripte ~](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" />_
|
||||
|
||||
## Vereinbarung
|
||||
|
||||
[GPL](LICENSE)
|
||||
115
README.en.md
115
README.en.md
@ -1,115 +0,0 @@
|
||||
<h1 align="center">
|
||||
Douyin-Vue
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.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`is a parody`抖音|TikTok`mobile short video project.`Vue`"Best practices" on the mobile side, comparable to native`App`Silky and smooth experience. Used the latest`Vue`technology stack, based on[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplish. The data is saved locally in the project through[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real backend requests.
|
||||
|
||||
<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>
|
||||
|
||||
## Online access
|
||||
|
||||
Gitee pages:<https://dy.ttentau.top/>(It is recommended to visit this address in China)
|
||||
Netlify:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
|
||||
|
||||
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
|
||||
|
||||
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
|
||||
|
||||
## Link
|
||||
|
||||
\[douyin-vue] One:[200 lines of code to implement a carousel component similar to Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Second:[Realize the "infinite sliding video" effect on Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
More articles are in preparation...
|
||||
|
||||
## run
|
||||
|
||||
Note: This project is only suitable for study and research, not for commercial use
|
||||
|
||||
### Quickly deploy to Vercel
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
|
||||
|
||||
### local development
|
||||
|
||||
```bash
|
||||
git clone https://github.com/zyronon/douyin.git
|
||||
cd douyin
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Open your browser and visit:<http://127.0.0.1:3000>
|
||||
|
||||
**Note: You need to switch the browser to mobile mode, first press`F12`To bring up the console, press`Ctrl+Shift+M`to preview normally**
|
||||
|
||||
## Data Sources
|
||||
|
||||
The video comes from the following Douyin celebrities
|
||||
|
||||
- `我是香秀 🐂🍺`:<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/>
|
||||
|
||||
Picture from Xiaohongshu public notes
|
||||
|
||||
The above content is all public information on the Internet
|
||||
|
||||
## Features and suggestions
|
||||
|
||||
The project is currently in the early stages of development, and new features are being added continuously. If you have any features or suggestions for the software, please feel free to contact us.`Issues`raised in
|
||||
If you also like the design ideas of this software, please submit it`PR`, thank you very much for your support!
|
||||
|
||||
## contact me
|
||||
|
||||
You can contact my email<a href="mailto:zyronon@163.com">zyronon@163.com</a>
|
||||
|
||||
> Share my other open source projects:
|
||||
>
|
||||
> _[**Typing Word**- Vocabulary memorization software that can be used on the 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**- Some useful Grease 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" />_
|
||||
|
||||
## agreement
|
||||
|
||||
[GPL](LICENSE)
|
||||
115
README.es.md
115
README.es.md
@ -1,115 +0,0 @@
|
||||
<h1 align="center">
|
||||
Douyin-Vue
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.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`es una parodia`抖音|TikTok`Proyecto de vídeo corto móvil.`Vue`"Mejores prácticas" en el lado móvil, comparables a las nativas`App`Experiencia sedosa y suave. Usado lo último`Vue`pila de tecnología, basada en[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)lograr. Los datos se guardan localmente en el proyecto a través de[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.
|
||||
|
||||
<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>
|
||||
|
||||
## Acceso en linea
|
||||
|
||||
Páginas del albergue:<https://dy.ttentau.top/>(Se recomienda visitar esta dirección en China)
|
||||
Netlificar:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
|
||||
|
||||
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
|
||||
|
||||
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
|
||||
|
||||
## Enlace
|
||||
|
||||
\[douyin-vue] Uno:[200 líneas de código para implementar un componente carrusel similar a Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Segundo:[Realice el efecto de "vídeo deslizante infinito" en Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
Más artículos están en preparación...
|
||||
|
||||
## correr
|
||||
|
||||
Nota: Este proyecto sólo es apto para estudio e investigación, no para uso comercial.
|
||||
|
||||
### Implemente rápidamente en Vercel
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
|
||||
|
||||
### desarrollo local
|
||||
|
||||
```bash
|
||||
git clone https://github.com/zyronon/douyin.git
|
||||
cd douyin
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Abra su navegador y visite:<http://127.0.0.1:3000>
|
||||
|
||||
**Nota: Debe cambiar el navegador al modo móvil, primero presione`F12`Para abrir la consola, presione`Ctrl+Shift+M`para obtener una vista previa normalmente**
|
||||
|
||||
## Fuentes de datos
|
||||
|
||||
El video proviene de las siguientes celebridades de Douyin.
|
||||
|
||||
- `我是香秀 🐂🍺`:<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/>
|
||||
|
||||
Imagen de las notas públicas de Xiaohongshu.
|
||||
|
||||
El contenido anterior es toda información pública en Internet.
|
||||
|
||||
## Funciones y sugerencias
|
||||
|
||||
El proyecto se encuentra actualmente en las primeras etapas de desarrollo y continuamente se agregan nuevas funciones. Si tiene alguna característica o sugerencia para el software, no dude en contactarnos.`Issues`criado en
|
||||
Si también le gustan las ideas de diseño de este software, envíelas.`PR`，非常感谢你对我们的支持！
|
||||
|
||||
## contáctame
|
||||
|
||||
Puedes contactar a mi correo<a href="mailto:zyronon@163.com">zyronon@163.com</a>
|
||||
|
||||
> Comparta mis otros proyectos de código abierto:
|
||||
>
|
||||
> _[**Escribir palabra**- Software de memorización de vocabulario que se puede utilizar en la 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" />_
|
||||
> _[**Guiones web**- Algunos scripts útiles de Grease Monkey~](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" />_
|
||||
|
||||
## acuerdo
|
||||
|
||||
[GPL](LICENSE)
|
||||
115
README.fr.md
115
README.fr.md
@ -1,115 +0,0 @@
|
||||
<h1 align="center">
|
||||
Douyin-Vue
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.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`est une parodie`抖音|TikTok`projet de courte vidéo mobile.`Vue`Des « bonnes pratiques » côté mobile, comparables au natif`App`Expérience soyeuse et douce. Utilisé le dernier`Vue`pile technologique, basée sur[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplir. Les données sont enregistrées localement dans le projet via[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.
|
||||
|
||||
<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>
|
||||
|
||||
## Accès en ligne
|
||||
|
||||
Pages du gîte :<https://dy.ttentau.top/>(Il est recommandé de visiter cette adresse en Chine)
|
||||
Netlifier :<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
|
||||
|
||||
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
|
||||
|
||||
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
|
||||
|
||||
## Lien
|
||||
|
||||
\[douyin-vue] Un :[200行代码实现类似Swiper.js的轮播组件](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Deuxièmement :[Réaliser l'effet "vidéo coulissante infinie" sur Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
D'autres articles sont en préparation...
|
||||
|
||||
## courir
|
||||
|
||||
Remarque : ce projet convient uniquement à l'étude et à la recherche, et non à un usage commercial.
|
||||
|
||||
### Déployez rapidement sur Vercel
|
||||
|
||||
[](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
|
||||
|
||||
### développement local
|
||||
|
||||
```bash
|
||||
git clone https://github.com/zyronon/douyin.git
|
||||
cd douyin
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Ouvrez votre navigateur et visitez :<http://127.0.0.1:3000>
|
||||
|
||||
**Remarque : Vous devez passer le navigateur en mode mobile, appuyez d'abord sur`F12`Pour afficher la console, appuyez sur`Ctrl+Shift+M`pour prévisualiser normalement**
|
||||
|
||||
## Les sources de données
|
||||
|
||||
La vidéo provient des célébrités Douyin suivantes
|
||||
|
||||
- `我是香秀 🐂🍺`:<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/>
|
||||
|
||||
Photo tirée des notes publiques de Xiaohongshu
|
||||
|
||||
Le contenu ci-dessus est toute l'information publique sur Internet
|
||||
|
||||
## Fonctionnalités et suggestions
|
||||
|
||||
Le projet en est actuellement aux premiers stades de développement et de nouvelles fonctionnalités sont ajoutées continuellement. Si vous avez des fonctionnalités ou des suggestions pour le logiciel, n'hésitez pas à nous contacter.`Issues`élevé dans
|
||||
Si vous aimez également les idées de conception de ce logiciel, veuillez le soumettre`PR`, Merci beaucoup pour votre soutient!
|
||||
|
||||
## Contactez moi
|
||||
|
||||
Vous pouvez contacter mon email<a href="mailto:zyronon@163.com">zyronon@163.com</a>
|
||||
|
||||
> Partagez mes autres projets open source :
|
||||
>
|
||||
> _[**Taper un mot**- Logiciel de mémorisation de vocabulaire utilisable sur le 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" />_
|
||||
> _[**Scripts Web**- Quelques scripts Grease Monkey utiles ~](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" />_
|
||||
|
||||
## accord
|
||||
|
||||
[GPL](LICENSE)
|
||||
115
README.ja.md
115
README.ja.md
@ -1,115 +0,0 @@
|
||||
<h1 align="center">
|
||||
Douyin-Vue
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.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`パロディです`抖音|TikTok`モバイルショートビデオプロジェクト。`Vue`ネイティブと同等のモバイル側の「ベスト プラクティス」`App`シルキーで滑らかな使い心地。最新のものを使用しました`Vue`テクノロジースタック、に基づく[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)成し遂げる。データはプロジェクト内でローカルに保存されます。[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
|
||||
|
||||
<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>
|
||||
|
||||
## オンラインアクセス
|
||||
|
||||
Gite ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/)(中国ではこのアドレスにアクセスすることをお勧めします)
|
||||
ネットリファイ:[ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／](https://douyins.netlify.app/)
|
||||
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
|
||||
|
||||
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
|
||||
|
||||
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
|
||||
|
||||
## リンク
|
||||
|
||||
【douyin-vue】一：[Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード](https://juejin.cn/post/7360512664317018146)
|
||||
【douyin-vue】二：[Douyinで「無限スライドビデオ」効果を実現](https://juejin.cn/post/7361614921519054883)
|
||||
さらなる記事も準備中です...
|
||||
|
||||
## 走る
|
||||
|
||||
注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。
|
||||
|
||||
### 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)
|
||||
|
||||
**注: ブラウザをモバイル モードに切り替える必要があります。最初に を押します。`F12`コンソールを表示するには、 を押します。`Ctrl+Shift+M`通常にプレビューする**
|
||||
|
||||
## データソース
|
||||
|
||||
このビデオは以下のDouyinの有名人からのものです
|
||||
|
||||
- `我是香秀 🐂🍺`：[ｈっｔｐｓ：／／ｖ。どうｙいん。こｍ／いＹらぱ２Ｌ／](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/)
|
||||
|
||||
小紅書公文書からの写真
|
||||
|
||||
上記内容は全てインターネット上の公開情報です
|
||||
|
||||
## 特徴と提案
|
||||
|
||||
プロジェクトは現在開発の初期段階にあり、新しい機能が継続的に追加されています。ソフトウェアに関する機能や提案がありましたら、お気軽にお問い合わせください。`Issues`で育ちました
|
||||
このソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してください`PR`、 ご支援ありがとうございました！
|
||||
|
||||
## 私に連絡して
|
||||
|
||||
您可以联系我的邮箱 <a href="mailto:zyronon@163.com">ｚｙろのん＠１６３。こｍ</a>
|
||||
|
||||
> 私の他のオープンソース プロジェクトを共有してください:
|
||||
>
|
||||
> _[**単語を入力する**～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" />_
|
||||
> _[**ウェブスクリプト**- いくつかの便利な Grease Monkey スクリプト~](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" />_
|
||||
|
||||
## 合意
|
||||
|
||||
[GPL](LICENSE)
|
||||
@ -3,8 +3,8 @@
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<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>
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="docs/README.ja.md">日本語</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
@ -13,7 +13,7 @@
|
||||
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
|
||||
</p>
|
||||
|
||||
`douyin-vue`ist eine Parodie`抖音|TikTok`Das mobile Kurzvideoprojekt weist eine Vollständigkeit von 90 % auf. Habe das Neueste verwendet`Vue`FamilyMart-Technologie-Stack, der auf basiert[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)erreichen. Die Daten werden lokal im Projekt gespeichert und das Video daraus gesammelt`抖音|TikTok`, der Atlas stammt aus`小红书|Xiaohongshu`,passieren[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Backend-Anfragen zu simulieren.
|
||||
`douyin-vue`ist eine Parodie`抖音|TikTok`mobiles Kurzvideoprojekt.`Vue`„Best Practices“ auf der mobilen Seite, vergleichbar mit Native`App`Seidiges und geschmeidiges Erlebnis. Habe das Neueste verwendet`Vue`Technologie-Stack, basierend auf[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)erreichen. Die Daten werden lokal im Projekt gespeichert[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)Die Bibliothek fängt die API ab und gibt lokale JSON-Daten zurück, um echte Backend-Anfragen zu simulieren.
|
||||
|
||||
<div>
|
||||
<img width="150px" src='imgs/1.gif' />
|
||||
@ -30,12 +30,14 @@
|
||||
|
||||
## Online-Zugang
|
||||
|
||||
Gitee-Seiten:<https://zyronon.gitee.io/douyin/>(Es wird empfohlen, diese Adresse in China zu besuchen)
|
||||
Github-Seiten:<https://zyronon.github.io/douyin/>
|
||||
Gitee-Seiten:<https://dy.ttentau.top/>(Es wird empfohlen, diese Adresse in China zu besuchen)
|
||||
Netlify:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
@ -47,7 +49,7 @@ Github-Seiten:<https://zyronon.github.io/douyin/>
|
||||
|
||||
## Verknüpfung
|
||||
|
||||
\[douyin-vue] Eins:[200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich wie Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Eins:[200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Zweitens:[Verwirklichen Sie den „unendlich gleitenden Video“-Effekt auf Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
Weitere Artikel sind in Vorbereitung...
|
||||
|
||||
@ -68,7 +70,7 @@ npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
打开浏览器并访问: <http://127.0.0.1:3000>
|
||||
Öffnen Sie Ihren Browser und besuchen Sie:<http://127.0.0.1:3000>
|
||||
|
||||
**Hinweis: Sie müssen den Browser in den Mobilmodus schalten, indem Sie zuerst drücken`F12`Um die Konsole aufzurufen, drücken Sie`Ctrl+Shift+M`um eine normale Vorschau anzuzeigen**
|
||||
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<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>
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="docs/README.ja.md">日本語</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
@ -13,7 +13,7 @@
|
||||
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
|
||||
</p>
|
||||
|
||||
`douyin-vue`is a parody`抖音|TikTok`The mobile short video project has a completeness of 90%. Used the latest`Vue`FamilyMart technology stack, which is based on[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplish. The data is saved locally in the project, and the video is collected from`抖音|TikTok`, the atlas is collected from`小红书|Xiaohongshu`,pass[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real backend requests.
|
||||
`douyin-vue`is a parody`抖音|TikTok`mobile short video project.`Vue`"Best practices" on the mobile side, comparable to native`App`Silky and smooth experience. Used the latest`Vue`technology stack, based on[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplish. The data is saved locally in the project through[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)The library intercepts the API and returns local json data to simulate real backend requests.
|
||||
|
||||
<div>
|
||||
<img width="150px" src='imgs/1.gif' />
|
||||
@ -28,14 +28,16 @@
|
||||
<img width="150px" src='imgs/img-5.jpg' />
|
||||
</div>
|
||||
|
||||
## online access
|
||||
## Online access
|
||||
|
||||
Gitee pages:<https://zyronon.gitee.io/douyin/>(It is recommended to visit this address in China)
|
||||
Github pages:<https://zyronon.github.io/douyin/>
|
||||
Gitee pages:<https://dy.ttentau.top/>(It is recommended to visit this address in China)
|
||||
Netlify:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
@ -49,11 +51,11 @@ Github pages:<https://zyronon.github.io/douyin/>
|
||||
|
||||
\[douyin-vue] One:[200 lines of code to implement a carousel component similar to Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Second:[Realize the "infinite sliding video" effect on Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
更多文章正在准备中...
|
||||
More articles are in preparation...
|
||||
|
||||
## run
|
||||
|
||||
注意：本项目仅适用于学习和研究，不得用于商业使用
|
||||
Note: This project is only suitable for study and research, not for commercial use
|
||||
|
||||
### Quickly deploy to Vercel
|
||||
|
||||
@ -68,7 +70,7 @@ npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
打开浏览器并访问: <http://127.0.0.1:3000>
|
||||
Open your browser and visit:<http://127.0.0.1:3000>
|
||||
|
||||
**Note: You need to switch the browser to mobile mode, first press`F12`To bring up the console, press`Ctrl+Shift+M`to preview normally**
|
||||
|
||||
@ -96,7 +98,7 @@ The above content is all public information on the Internet
|
||||
|
||||
## Features and suggestions
|
||||
|
||||
The project is currently in the early stages of development and new features are being added continuously. If you have any features or suggestions for the software, please feel free to contact us.`Issues`raised in
|
||||
The project is currently in the early stages of development, and new features are being added continuously. If you have any features or suggestions for the software, please feel free to contact us.`Issues`raised in
|
||||
If you also like the design ideas of this software, please submit it`PR`, thank you very much for your support!
|
||||
|
||||
## contact me
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<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>
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="docs/README.ja.md">日本語</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
@ -13,7 +13,7 @@
|
||||
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
|
||||
</p>
|
||||
|
||||
`douyin-vue`es una parodia`抖音|TikTok`El proyecto de vídeo corto móvil tiene un avance del 90%. Usado lo último`Vue`Pila de tecnología FamilyMart, que se basa en[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)lograr. Los datos se guardan localmente en el proyecto y el vídeo se recopila de`抖音|TikTok`, el atlas se recoge de`小红书|Xiaohongshu`,aprobar[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.
|
||||
`douyin-vue`es una parodia`抖音|TikTok`Proyecto de vídeo corto móvil.`Vue`"Mejores prácticas" en el lado móvil, comparables a las nativas`App`Experiencia sedosa y suave. Usado lo último`Vue`pila de tecnología, basada en[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)lograr. Los datos se guardan localmente en el proyecto a través de[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.
|
||||
|
||||
<div>
|
||||
<img width="150px" src='imgs/1.gif' />
|
||||
@ -30,12 +30,14 @@
|
||||
|
||||
## Acceso en linea
|
||||
|
||||
Páginas del albergue:<https://zyronon.gitee.io/douyin/> (中国地区推荐访问这个地址)
|
||||
Páginas de Github:<https://zyronon.github.io/douyin/>
|
||||
Páginas del albergue:<https://dy.ttentau.top/>(Se recomienda visitar esta dirección en China)
|
||||
Netlificar:<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
@ -77,7 +79,7 @@ Abra su navegador y visite:<http://127.0.0.1:3000>
|
||||
El video proviene de las siguientes celebridades de Douyin.
|
||||
|
||||
- `我是香秀 🐂🍺`:<https://v.douyin.com/iYRAPA2L/>
|
||||
- `杨老虎 🐯（磕穿下巴掉牙版）`: <https://v.douyin.com/iYRA56de/>
|
||||
- `杨老虎 🐯（磕穿下巴掉牙版）`:<https://v.douyin.com/iYRA56de/>
|
||||
- `条子`:<https://v.douyin.com/iYRAaqjr/>
|
||||
- `达莎 Digi`：<https://v.douyin.com/iYRA6rwT/>
|
||||
- `小橙子`:<https://v.douyin.com/iYRAnudw/>
|
||||
@ -86,7 +88,7 @@ El video proviene de las siguientes celebridades de Douyin.
|
||||
- `奶茶妹 ◕🌱`:<https://v.douyin.com/iYRACKhP/>
|
||||
- `我才是岚岚`:<https://v.douyin.com/iYRAQM1C/>
|
||||
- `周憬艺 ziran`:<https://v.douyin.com/iYRAQs4h/>
|
||||
- `刘思瑶 nice`: <https://v.douyin.com/iYRAaERn/>
|
||||
- `刘思瑶 nice`:<https://v.douyin.com/iYRAaERn/>
|
||||
- `彭十六 elf`:<https://v.douyin.com/iYRAHrVG/>
|
||||
- `李子柒`:<https://v.douyin.com/iYRA5B88/>
|
||||
|
||||
@ -97,7 +99,7 @@ El contenido anterior es toda información pública en Internet.
|
||||
## Funciones y sugerencias
|
||||
|
||||
El proyecto se encuentra actualmente en las primeras etapas de desarrollo y continuamente se agregan nuevas funciones. Si tiene alguna característica o sugerencia para el software, no dude en contactarnos.`Issues`criado en
|
||||
Si también le gustan las ideas de diseño de este software, envíelas.`PR`, ¡Muchas gracias por tu apoyo!
|
||||
Si también le gustan las ideas de diseño de este software, envíelas.`PR`，非常感谢你对我们的支持！
|
||||
|
||||
## contáctame
|
||||
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<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>
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="README.md">简体中文</a> | <a href="docs/README.ja.md">日本語</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
@ -13,29 +13,31 @@
|
||||
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
|
||||
</p>
|
||||
|
||||
`douyin-vue`est une parodie`抖音|TikTok`Le projet de courte vidéo mobile a un taux d'exhaustivité de 90 %. Utilisé le dernier`Vue`Pile technologique FamilyMart, basée sur[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplir. Les données sont enregistrées localement dans le projet et la vidéo est collectée à partir de`抖音|TikTok`, l'atlas est collecté auprès de`小红书|Xiaohongshu`,passer[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.
|
||||
`douyin-vue`est une parodie`抖音|TikTok`projet de courte vidéo mobile.`Vue`Des « bonnes pratiques » côté mobile, comparables au natif`App`Expérience soyeuse et douce. Utilisé le dernier`Vue`pile technologique, basée sur[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)accomplir. Les données sont enregistrées localement dans le projet via[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)La bibliothèque intercepte l'API et renvoie des données json locales pour simuler de véritables requêtes backend.
|
||||
|
||||
<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' />
|
||||
<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>
|
||||
|
||||
## accès en ligne
|
||||
## Accès en ligne
|
||||
|
||||
Pages du gîte :<https://zyronon.gitee.io/douyin/>(Il est recommandé de visiter cette adresse en Chine)
|
||||
Pages GitHub :<https://zyronon.github.io/douyin/>
|
||||
Pages du gîte :<https://dy.ttentau.top/>(Il est recommandé de visiter cette adresse en Chine)
|
||||
Netlifier :<https://douyins.netlify.app/>
|
||||
|
||||
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
@ -47,7 +49,7 @@ Pages GitHub :<https://zyronon.github.io/douyin/>
|
||||
|
||||
## Lien
|
||||
|
||||
\[douyin-vue] Un :[200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Un :[200行代码实现类似Swiper.js的轮播组件](https://juejin.cn/post/7360512664317018146)
|
||||
\[douyin-vue] Deuxièmement :[Réaliser l'effet "vidéo coulissante infinie" sur Douyin](https://juejin.cn/post/7361614921519054883)
|
||||
D'autres articles sont en préparation...
|
||||
|
||||
@ -85,7 +87,7 @@ La vidéo provient des célébrités Douyin suivantes
|
||||
- `小霸宠牛排 🥩`：<https://v.douyin.com/iYRSosVB/>
|
||||
- `奶茶妹 ◕🌱`:<https://v.douyin.com/iYRACKhP/>
|
||||
- `我才是岚岚`:<https://v.douyin.com/iYRAQM1C/>
|
||||
- `周憬艺 ziran`: <https://v.douyin.com/iYRAQs4h/>
|
||||
- `周憬艺 ziran`:<https://v.douyin.com/iYRAQs4h/>
|
||||
- `刘思瑶 nice`:<https://v.douyin.com/iYRAaERn/>
|
||||
- `彭十六 elf`:<https://v.douyin.com/iYRAHrVG/>
|
||||
- `李子柒`:<https://v.douyin.com/iYRA5B88/>
|
||||
|
||||
@ -3,8 +3,8 @@
|
||||
</h1>
|
||||
|
||||
<p align="center">
|
||||
<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>
|
||||
<a href="docs/README.en.md">English</a> | <a href="docs/README.es.md">Spanish</a> | <a href="docs/README.de.md">German</a> |
|
||||
<a href="docs/README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="docs/README.ja.md">日本語</a>
|
||||
</p>
|
||||
|
||||
<p align="center">
|
||||
@ -13,7 +13,7 @@
|
||||
<a><img src="https://img.shields.io/badge/Powered%20by-Vue-blue"/></a>
|
||||
</p>
|
||||
|
||||
`douyin-vue`パロディです`抖音|TikTok`モバイル向けショートビデオプロジェクトの完成度は90％。最新のものを使用しました`Vue` 全家桶技术栈，它基于 [`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)成し遂げる。データはプロジェクトのローカルに保存され、ビデオは次から収集されます。`抖音|TikTok`、アトラスはから収集されています`小红书|Xiaohongshu`、合格[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
|
||||
`douyin-vue`パロディです`抖音|TikTok`モバイルショートビデオプロジェクト。`Vue`ネイティブと同等のモバイル側の「ベスト プラクティス」`App`シルキーで滑らかな使い心地。最新のものを使用しました`Vue`テクノロジースタック、に基づく[`Vue3`](https://cn.vuejs.org/)、[`Vite5`](https://cn.vitejs.dev/)、[`Pinia`](https://pinia.vuejs.org/)成し遂げる。データはプロジェクト内でローカルに保存されます。[`axios-mock-adapter`](https://github.com/ctimmerm/axios-mock-adapter)ライブラリは API をインターセプトし、ローカルの JSON データを返して、実際のバックエンド リクエストをシミュレートします。
|
||||
|
||||
<div>
|
||||
<img width="150px" src='imgs/1.gif' />
|
||||
@ -30,12 +30,14 @@
|
||||
|
||||
## オンラインアクセス
|
||||
|
||||
Gite ページ:[ｈっｔｐｓ：／／ｚｙろのん。ぎてえ。いお／どうｙいん／](https://zyronon.gitee.io/douyin/)(中国ではこのアドレスにアクセスすることをお勧めします)
|
||||
Github ページ:[ｈっｔｐｓ：／／ｚｙろのん。ぎてゅｂ。いお／どうｙいん／](https://zyronon.github.io/douyin/)
|
||||
Gite ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/)(中国ではこのアドレスにアクセスすることをお勧めします)
|
||||
ネットリファイ:[ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／](https://douyins.netlify.app/)
|
||||
|
||||
[//]: # "~~Vercel: [http://dy.ttentau.top/](http://dy.ttentau.top/)~~"
|
||||
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
|
||||
|
||||
[//]: # "~~Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)~~"
|
||||
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) "
|
||||
|
||||
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
|
||||
|
||||
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣"
|
||||
|
||||
@ -96,12 +98,12 @@ npm run dev
|
||||
|
||||
## 特徴と提案
|
||||
|
||||
プロジェクトは現在開発の初期段階にあり、ソフトウェアの新機能や提案があれば、お気軽にお問い合わせください。`Issues`で育ちました
|
||||
プロジェクトは現在開発の初期段階にあり、新しい機能が継続的に追加されています。ソフトウェアに関する機能や提案がありましたら、お気軽にお問い合わせください。`Issues`で育ちました
|
||||
このソフトウェアのデザインアイデアも気に入っていただけましたら、ぜひ送信してください`PR`、 ご支援ありがとうございました！
|
||||
|
||||
## 私に連絡して
|
||||
|
||||
私のメールアドレスにご連絡いただけます<a href="mailto:zyronon@163.com">ｚｙろのん＠１６３。こｍ</a>
|
||||
您可以联系我的邮箱 <a href="mailto:zyronon@163.com">ｚｙろのん＠１６３。こｍ</a>
|
||||
|
||||
> 私の他のオープンソース プロジェクトを共有してください:
|
||||
>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user