MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update README.md

Browse Source
This commit is contained in:
zyronon 2024-04-30 13:03:34 +08:00
parent 1b2a5890ae
commit efd7569e79
10 changed files with 78 additions and 653 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
README.de.md
View File

@ -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' />
</div>
## Online-Zugang
Gitee-Seiten:<https://zyronon.gitee.io/douyin/>(Es wird empfohlen, diese Adresse in China zu besuchen)
Hinweis: Gitee-Seiten können derzeit nicht aktualisiert werden, da der Code nicht aktuell ist. Wenn Sie die Firewall umgehen können, empfehle ich den Besuch der folgenden Adresse:
Github-Seiten:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## Verknüpfung
\[Imitation Douyin-Serie] 1:[200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich Swiper.js](https://juejin.cn/post/7360512664317018146)
\[Imitation Douyin-Serie] 2:[Verwirklichen Sie den „unendlich gleitenden Video“-Effekt auf Douyin](https://juejin.cn/post/7361614921519054883)
\[Imitation Douyin-Serie] Drei:[Einführung in die Verwendung von Vue-Routing und das Hinzufügen von Übergangsanimationen](https://juejin.cn/post/7362528152777130025)
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
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### lokale Entwicklung
```bash
git clone https://gitee.com/zyronon/douyin.git (中国使用)
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
View File

@ -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' />
</div>
## Online access
Gitee Pages:<https://zyronon.gitee.io/douyin/>(It is recommended to visit this address in China)
Note: Gitee Pages cannot be updated now, the code is not up to date. If you can circumvent the firewall, I recommend visiting the following address:
Github Pages:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## Link
\[Imitation Douyin Series] 1:[200 lines of code to implement a carousel component similar to Swiper.js](https://juejin.cn/post/7360512664317018146)
\[Imitation Douyin Series] 2:[Realize the "infinite sliding video" effect on Douyin](https://juejin.cn/post/7361614921519054883)
\[Imitation Douyin Series] Three:[Introduction to using Vue routing and adding transition animations](https://juejin.cn/post/7362528152777130025)
More articles are in preparation...
## run
Note: This project is only suitable for study and research, not for commercial use
### Quickly deploy to Vercel
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### local development
```bash
git clone https://gitee.com/zyronon/douyin.git (中国使用)
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!
## 联系我
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
View File

@ -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' />
</div>
## Acceso en linea
Páginas de casas rurales:<https://zyronon.gitee.io/douyin/>(Se recomienda visitar esta dirección en China)
Nota: Las páginas de Gitee no se pueden actualizar ahora, el código no está actualizado. Si puede eludir el firewall, le recomiendo visitar la siguiente dirección:
Páginas de Github:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## Enlace
\[Serie Imitación Douyin] 1:[200 líneas de código para implementar un componente carrusel similar a Swiper.js](https://juejin.cn/post/7360512664317018146)
\[Serie Imitación Douyin] 2:[Realice el efecto de "vídeo deslizante infinito" en Douyin](https://juejin.cn/post/7361614921519054883)
\[Serie Imitación Douyin] Tres:[Introducción al uso del enrutamiento de Vue y la adición de animaciones de transición](https://juejin.cn/post/7362528152777130025)
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
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### desarrollo local
```bash
git clone https://gitee.com/zyronon/douyin.git (中国使用)
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`, ¡Muchas gracias por tu apoyo!
## 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
View File

@ -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' />
</div>
## Accès en ligne
Pages du gîte :<https://zyronon.gitee.io/douyin/>(Il est recommandé de visiter cette adresse en Chine)
Remarque : Les pages Gitee ne peuvent pas être mises à jour pour le moment, le code n'est pas à jour. Si vous pouvez contourner le pare-feu, je vous recommande de visiter l'adresse suivante :
Pages GitHub :<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## Lien
\[Série Imitation Douyin] 1 :[200 lignes de code pour implémenter un composant carrousel similaire à Swiper.js](https://juejin.cn/post/7360512664317018146)
\[Série Imitation Douyin] 2 :[Réaliser l'effet "vidéo coulissante infinie" sur Douyin](https://juejin.cn/post/7361614921519054883)
\[Série Imitation Douyin] Trois :[Introduction à l'utilisation du routage Vue et à l'ajout d'animations de transition](https://juejin.cn/post/7362528152777130025)
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
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### développement local
```bash
git clone https://gitee.com/zyronon/douyin.git (中国使用)
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
View File

@ -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' />
</div>
## オンラインアクセス
ジーティーページ:[ｈっｔｐｓ：／／ｚｙろのん。ぎてえ。いお／どうｙいん／](https://zyronon.gitee.io/douyin/)(中国ではこのアドレスにアクセスすることをお勧めします)
注: コードが最新ではないため、現在 Gitee ページを更新できません。ファイアウォールを回避できる場合は、次のアドレスにアクセスすることをお勧めします。
Github ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/)
[//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
[//]: # "**注意**：`PC` 必须将浏览器切到手机模式，先按 `F12` 调出控制台，再按 `Ctrl+Shift+M`才能正常预览"
[//]: # "**注意**：手机请用 [Via 浏览器](https://viayoo.com/zh-cn/) 或 Chrome 浏览器预览。其它浏览器可能会强制将视频全屏，导致无法正常显示"
## リンク
【模倣同音シリーズ】 1:[Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード](https://juejin.cn/post/7360512664317018146)
【模倣同音シリーズ】２：[Douyinで「無限スライドビデオ」効果を実現](https://juejin.cn/post/7361614921519054883)
【模倣同音シリーズ】その３：[Vue ルーティングの使用とトランジション アニメーションの追加の概要](https://juejin.cn/post/7362528152777130025)
さらなる記事も準備中です...
## 走る
注: このプロジェクトは研究と研究のみに適しており、商業利用には適していません。
### Vercel への迅速な導入
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/zyronon/douyin)
### 地域開発
```bash
git clone https://gitee.com/zyronon/douyin.git (中国使用)
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)

30
docs/README.de.md
View File

@ -3,8 +3,8 @@
</h1> </h1>
<p align="center"> <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="REREADME.en.md">English</a> | <a href="REREADME.es.md">Spanish</a> | <a href="REREADME.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="README.ja.md">日本語</a> <a href="REREADME.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="REREADME.ja.md">日本語</a>
</p> </p>
<p align="center"> <p align="center">
@ -21,25 +21,22 @@
<img width="150px" src='imgs/3.gif' /> <img width="150px" src='imgs/3.gif' />
<img width="150px" src='imgs/4.gif' /> <img width="150px" src='imgs/4.gif' />
<img width="150px" src='imgs/5.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> </div>
## Online-Zugang ## Online-Zugang
Gitee-Seiten:<https://dy.ttentau.top/>(Es wird empfohlen, diese Adresse in China zu besuchen) Gitee-Seiten:<https://zyronon.gitee.io/douyin/>(Es wird empfohlen, diese Adresse in China zu besuchen)
Netlify:<https://douyins.netlify.app/> Hinweis: Gitee-Seiten können derzeit nicht aktualisiert werden, da der Code nicht aktuell ist. Wenn Sie die Firewall umgehen können, empfehle ich den Besuch der folgenden Adresse:
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)" Github-Seiten:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) " [//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) " [//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣" [//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases" [//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
@ -49,8 +46,10 @@ Netlify:<https://douyins.netlify.app/>
## Verknüpfung ## Verknüpfung
\[douyin-vue] Eins:[200 Codezeilen zur Implementierung einer Karussellkomponente ähnlich Swiper.js](https://juejin.cn/post/7360512664317018146) \[Imitation Douyin-Serie] 1:[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) \[Imitation Douyin-Serie] 2:[Verwirklichen Sie den „unendlich gleitenden Video“-Effekt auf Douyin](https://juejin.cn/post/7361614921519054883)
\[Imitation Douyin-Serie] Drei:[Einführung in die Verwendung von Vue-Routing und das Hinzufügen von Übergangsanimationen](https://juejin.cn/post/7362528152777130025)
Weitere Artikel sind in Vorbereitung... Weitere Artikel sind in Vorbereitung...
## laufen ## laufen
@ -64,7 +63,8 @@ Hinweis: Dieses Projekt ist nur für Studien- und Forschungszwecke geeignet, nic
### lokale Entwicklung ### lokale Entwicklung
```bash ```bash
git clone https://github.com/zyronon/douyin.git git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin cd douyin
npm install npm install
npm run dev npm run dev

32
docs/README.en.md
View File

@ -3,8 +3,8 @@
</h1> </h1>
<p align="center"> <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="REREADME.en.md">English</a> | <a href="REREADME.es.md">Spanish</a> | <a href="REREADME.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="README.ja.md">日本語</a> <a href="REREADME.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="REREADME.ja.md">日本語</a>
</p> </p>
<p align="center"> <p align="center">
@ -21,25 +21,22 @@
<img width="150px" src='imgs/3.gif' /> <img width="150px" src='imgs/3.gif' />
<img width="150px" src='imgs/4.gif' /> <img width="150px" src='imgs/4.gif' />
<img width="150px" src='imgs/5.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> </div>
## Online access ## Online access
Gitee pages:<https://dy.ttentau.top/>(It is recommended to visit this address in China) Gitee Pages:<https://zyronon.gitee.io/douyin/>(It is recommended to visit this address in China)
Netlify:<https://douyins.netlify.app/> Note: Gitee Pages cannot be updated now, the code is not up to date. If you can circumvent the firewall, I recommend visiting the following address:
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)" Github Pages:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) " [//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) " [//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣" [//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases" [//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
@ -49,8 +46,10 @@ Netlify:<https://douyins.netlify.app/>
## Link ## Link
\[douyin-vue] One:[200 lines of code to implement a carousel component similar to Swiper.js](https://juejin.cn/post/7360512664317018146) \[Imitation Douyin Series] 1:[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) \[Imitation Douyin Series] 2:[Realize the "infinite sliding video" effect on Douyin](https://juejin.cn/post/7361614921519054883)
\[Imitation Douyin Series] Three:[Introduction to using Vue routing and adding transition animations](https://juejin.cn/post/7362528152777130025)
More articles are in preparation... More articles are in preparation...
## run ## run
@ -64,7 +63,8 @@ Note: This project is only suitable for study and research, not for commercial u
### local development ### local development
```bash ```bash
git clone https://github.com/zyronon/douyin.git git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin cd douyin
npm install npm install
npm run dev npm run dev
@ -101,7 +101,7 @@ The above content is all public information on the Internet
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! 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> You can contact my email<a href="mailto:zyronon@163.com">zyronon@163.com</a>

32
docs/README.es.md
View File

@ -3,8 +3,8 @@
</h1> </h1>
<p align="center"> <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="REREADME.en.md">English</a> | <a href="REREADME.es.md">Spanish</a> | <a href="REREADME.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="README.ja.md">日本語</a> <a href="REREADME.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="REREADME.ja.md">日本語</a>
</p> </p>
<p align="center"> <p align="center">
@ -21,25 +21,22 @@
<img width="150px" src='imgs/3.gif' /> <img width="150px" src='imgs/3.gif' />
<img width="150px" src='imgs/4.gif' /> <img width="150px" src='imgs/4.gif' />
<img width="150px" src='imgs/5.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> </div>
## Acceso en linea ## Acceso en linea
Páginas del albergue:<https://dy.ttentau.top/>(Se recomienda visitar esta dirección en China) Páginas de casas rurales:<https://zyronon.gitee.io/douyin/>(Se recomienda visitar esta dirección en China)
Netlificar:<https://douyins.netlify.app/> Nota: Las páginas de Gitee no se pueden actualizar ahora, el código no está actualizado. Si puede eludir el firewall, le recomiendo visitar la siguiente dirección:
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)" Páginas de Github:<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) " [//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) " [//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣" [//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases" [//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
@ -49,8 +46,10 @@ Netlificar:<https://douyins.netlify.app/>
## Enlace ## Enlace
\[douyin-vue] Uno:[200 líneas de código para implementar un componente carrusel similar a Swiper.js](https://juejin.cn/post/7360512664317018146) \[Serie Imitación Douyin] 1:[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) \[Serie Imitación Douyin] 2:[Realice el efecto de "vídeo deslizante infinito" en Douyin](https://juejin.cn/post/7361614921519054883)
\[Serie Imitación Douyin] Tres:[Introducción al uso del enrutamiento de Vue y la adición de animaciones de transición](https://juejin.cn/post/7362528152777130025)
Más artículos están en preparación... Más artículos están en preparación...
## correr ## correr
@ -64,7 +63,8 @@ Nota: Este proyecto sólo es apto para estudio e investigación, no para uso com
### desarrollo local ### desarrollo local
```bash ```bash
git clone https://github.com/zyronon/douyin.git git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin cd douyin
npm install npm install
npm run dev npm run dev
@ -99,7 +99,7 @@ El contenido anterior es toda información pública en Internet.
## Funciones y sugerencias ## 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 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 su apoyo! Si también le gustan las ideas de diseño de este software, envíelas.`PR`, ¡Muchas gracias por tu apoyo!
## contáctame ## contáctame

30
docs/README.fr.md
View File

@ -3,8 +3,8 @@
</h1> </h1>
<p align="center"> <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="REREADME.en.md">English</a> | <a href="REREADME.es.md">Spanish</a> | <a href="REREADME.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="README.ja.md">日本語</a> <a href="REREADME.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="REREADME.ja.md">日本語</a>
</p> </p>
<p align="center"> <p align="center">
@ -21,25 +21,22 @@
<img width="150px" src='imgs/3.gif' /> <img width="150px" src='imgs/3.gif' />
<img width="150px" src='imgs/4.gif' /> <img width="150px" src='imgs/4.gif' />
<img width="150px" src='imgs/5.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> </div>
## Accès en ligne ## Accès en ligne
Pages du gîte :<https://dy.ttentau.top/>(Il est recommandé de visiter cette adresse en Chine) Pages du gîte :<https://zyronon.gitee.io/douyin/>(Il est recommandé de visiter cette adresse en Chine)
Netlifier :<https://douyins.netlify.app/> Remarque : Les pages Gitee ne peuvent pas être mises à jour pour le moment, le code n'est pas à jour. Si vous pouvez contourner le pare-feu, je vous recommande de visiter l'adresse suivante :
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)" Pages GitHub :<https://dy.ttentau.top/>
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) " [//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) " [//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣" [//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases" [//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
@ -49,8 +46,10 @@ Netlifier :<https://douyins.netlify.app/>
## Lien ## Lien
\[douyin-vue] Un :[200行代码实现类似Swiper.js的轮播组件](https://juejin.cn/post/7360512664317018146) \[Série Imitation Douyin] 1 :[200 lignes de code pour implémenter un composant carrousel similaire à 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) \[Série Imitation Douyin] 2 :[Réaliser l'effet "vidéo coulissante infinie" sur Douyin](https://juejin.cn/post/7361614921519054883)
\[Série Imitation Douyin] Trois :[Introduction à l'utilisation du routage Vue et à l'ajout d'animations de transition](https://juejin.cn/post/7362528152777130025)
D'autres articles sont en préparation... D'autres articles sont en préparation...
## courir ## courir
@ -64,7 +63,8 @@ Remarque : ce projet convient uniquement à l'étude et à la recherche, et non
### développement local ### développement local
```bash ```bash
git clone https://github.com/zyronon/douyin.git git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin cd douyin
npm install npm install
npm run dev npm run dev

32
docs/README.ja.md
View File

@ -3,8 +3,8 @@
</h1> </h1>
<p align="center"> <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="REREADME.en.md">English</a> | <a href="REREADME.es.md">Spanish</a> | <a href="REREADME.de.md">German</a> |
<a href="README.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="README.ja.md">日本語</a> <a href="REREADME.fr.md">French</a> | <a href="../README.md">简体中文</a> | <a href="REREADME.ja.md">日本語</a>
</p> </p>
<p align="center"> <p align="center">
@ -21,25 +21,22 @@
<img width="150px" src='imgs/3.gif' /> <img width="150px" src='imgs/3.gif' />
<img width="150px" src='imgs/4.gif' /> <img width="150px" src='imgs/4.gif' />
<img width="150px" src='imgs/5.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> </div>
## オンラインアクセス ## オンラインアクセス
Gite ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/)(中国ではこのアドレスにアクセスすることをお勧めします) ジーティーページ:[ｈっｔｐｓ：／／ｚｙろのん。ぎてえ。いお／どうｙいん／](https://zyronon.gitee.io/douyin/)(中国ではこのアドレスにアクセスすることをお勧めします)
ネットリファイ:[ｈっｔｐｓ：／／どうｙいんｓ。ねｔぃｆｙ。あっｐ／](https://douyins.netlify.app/) 注: コードが最新ではないため、現在 Gitee ページを更新できません。ファイアウォールを回避できる場合は、次のアドレスにアクセスすることをお勧めします。
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)" Github ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](https://dy.ttentau.top/)
[//]: # "Gitee pages: [https://zyronon.gitee.io/douyin/](https://zyronon.gitee.io/douyin/) (中国地区推荐访问这个地址) " [//]: # "Gitee pages: [https://dy.ttentau.top/](https://dy.ttentau.top/) (中国地区推荐访问这个地址) "
[//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) " [//]: # "Github pages: [https://zyronon.github.io/douyin/](https://zyronon.github.io/douyin/) "
[//]: # "Vercel和Netlify分别送的100G免费流量已经用完了...🤣" [//]: # "Netlify: [https://douyins.netlify.app/](https://douyins.netlify.app/)"
[//]: # "Vercel: [https://douyins.vercel.app](https://douyins.vercel.app)"
[//]: # "Android Apk: https://github.com/zyronon/douyin/releases" [//]: # "Android Apk: https://github.com/zyronon/douyin/releases"
@ -49,8 +46,10 @@ Gite ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](ht
## リンク ## リンク
【douyin-vue】一：[Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード](https://juejin.cn/post/7360512664317018146) 【模倣同音シリーズ】 1:[Swiper.js に似たカルーセル コンポーネントを実装するための 200 行のコード](https://juejin.cn/post/7360512664317018146)
【douyin-vue】二：[Douyinで「無限スライドビデオ」効果を実現](https://juejin.cn/post/7361614921519054883) 【模倣同音シリーズ】２：[Douyinで「無限スライドビデオ」効果を実現](https://juejin.cn/post/7361614921519054883)
【模倣同音シリーズ】その３：[Vue ルーティングの使用とトランジション アニメーションの追加の概要](https://juejin.cn/post/7362528152777130025)
さらなる記事も準備中です... さらなる記事も準備中です...
## 走る ## 走る
@ -64,7 +63,8 @@ Gite ページ:[ｈっｔｐｓ：／／ｄｙ。ってんたう。とｐ／](ht
### 地域開発 ### 地域開発
```bash ```bash
git clone https://github.com/zyronon/douyin.git git clone https://gitee.com/zyronon/douyin.git (中国使用)
https://github.com/zyronon/douyin.git
cd douyin cd douyin
npm install npm install
npm run dev npm run dev
@ -103,7 +103,7 @@ npm run dev
## 私に連絡して ## 私に連絡して
您可以联系我的邮箱 <a href="mailto:zyronon@163.com">ｚｙろのん＠１６３。こｍ</a> 私のメールアドレスにご連絡いただけます<a href="mailto:zyronon@163.com">ｚｙろのん＠１６３。こｍ</a>
> 私の他のオープンソース プロジェクトを共有してください: > 私の他のオープンソース プロジェクトを共有してください:
> >