README.es.md

Douyin-Vue

English | Spanish | German | French | 简体中文 | 日本語

douyin-vuees una parodia抖音|TikTokProyecto de vídeo corto móvil.Vue"Mejores prácticas" en el lado móvil, comparables a las nativasAppExperiencia sedosa y suave. Usado lo últimoVuepila de tecnología, basada enVue3、Vite5、Pinialograr. Los datos se guardan localmente en el proyecto a través deaxios-mock-adapterLa biblioteca intercepta la API y devuelve datos json locales para simular solicitudes de backend reales.

Acceso en linea

Páginas de Github:https://dy.ttentau.top/

Enlace

[Serie Imitación Douyin] 1:200 líneas de código para implementar un componente carrusel similar a Swiper.js
[Serie Imitación Douyin] 2:Realice el efecto de "vídeo deslizante infinito" en Douyin
[Serie Imitación Douyin] Tres:Vue 路由使用介绍以及添加转场动画
[Serie Imitación Douyin] Cuatro:Almacenamiento en caché de rutas condicionales de Vue, al igual que los sitios de noticias tradicionales
[Serie Imitación Douyin] Cinco:Github Actions implementa páginas, sincroniza con Gitee, traduce README, empaqueta la imagen de la ventana acoplable

correr

Nota: Este proyecto sólo es apto para estudio e investigación, no para uso comercial.

Implemente rápidamente en Vercel

Implementar en Docker

# pull Docker image
docker pull ghcr.io/zyronon/douyin-vue:latest

# start container, nginx reverse proxy custom port, for example: docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest
docker run -d -p 80:80 ghcr.io/zyronon/douyin-vue:latest

desarrollo local

Nota: El comando git debe clonarse para ejecutarse. No se puede ejecutar la descarga del paquete zip. Si la velocidad de clonación es demasiado lenta, se recomienda utilizar la dirección del albergue

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 presioneF12Para abrir la consola, presioneCtrl+Shift+Mpara 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.

以上内容均是互联网公开信息

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.Issuescriado 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 correozyronon@163.com

Comparta mis otros proyectos de código abierto:

Escribir palabra- Software de memorización de vocabulario que se puede utilizar en la web ~
Guiones web- Algunos scripts útiles de Grease Monkey~

acuerdo

GPL