Cerita pendek,
emosi besar.
Temukan drama yang bikin kamu terus menonton. Episode baru setiap hari.

From 63430a66dec9244de2dccf1b1e8010d633fac300 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Tue, 10 Nov 2026 15:05:47 +0800 Subject: [PATCH] feat: migrate YMB site to React Vite --- README.md | 10 +- index.html | 47 +- package.json | 9 + pnpm-lock.yaml | 497 +++++++++++++++++++++ public/assets/Outfit-Bold.ttf | Bin 0 -> 48340 bytes public/assets/PlusJakartaSans-Regular.ttf | Bin 0 -> 63336 bytes public/assets/PlusJakartaSans-SemiBold.ttf | Bin 0 -> 63412 bytes public/assets/friends.jpg | Bin 0 -> 73449 bytes public/assets/heir.jpg | Bin 0 -> 182772 bytes public/assets/hero.jpg | Bin 0 -> 267562 bytes public/assets/revenge.jpg | Bin 0 -> 58483 bytes public/assets/romance.jpg | Bin 0 -> 619942 bytes public/assets/second-chance.jpg | Bin 0 -> 169305 bytes public/assets/secret.jpg | Bin 0 -> 62526 bytes public/assets/wedding.jpg | Bin 0 -> 994032 bytes src/main.jsx | 24 + src/styles.css | 2 + vite.config.js | 5 + 18 files changed, 556 insertions(+), 38 deletions(-) create mode 100644 package.json create mode 100644 pnpm-lock.yaml create mode 100644 public/assets/Outfit-Bold.ttf create mode 100644 public/assets/PlusJakartaSans-Regular.ttf create mode 100644 public/assets/PlusJakartaSans-SemiBold.ttf create mode 100644 public/assets/friends.jpg create mode 100644 public/assets/heir.jpg create mode 100644 public/assets/hero.jpg create mode 100644 public/assets/revenge.jpg create mode 100644 public/assets/romance.jpg create mode 100644 public/assets/second-chance.jpg create mode 100644 public/assets/secret.jpg create mode 100644 public/assets/wedding.jpg create mode 100644 src/main.jsx create mode 100644 src/styles.css create mode 100644 vite.config.js diff --git a/README.md b/README.md index d6b2032..e8c0b1d 100644 --- a/README.md +++ b/README.md @@ -2,17 +2,21 @@ # YMB Site -YMB 公开站点响应式首页原型,参考 YouTube 的内容发现信息架构,支持桌面端与移动端。 +YMB 公开站点 React + Vite 项目,参考 YouTube 的内容发现信息架构,支持桌面端与移动端。 ## 运行 -直接用浏览器打开 `index.html`,或在当前目录启动任意静态文件服务器。 +```bash +pnpm install +pnpm dev +pnpm build +``` ## 包含 - 桌面端:顶部搜索、侧边导航、推荐网格、Shorts 横滑区、频道订阅。 - 移动端:顶部紧凑栏、双列内容、横滑 Shorts、底部导航。 -- 原生 JS:搜索、题材筛选、播放提示、关注切换。 +- React:搜索、题材筛选、播放提示、关注切换、移动端菜单。 - 多语言:印尼语 `?lang=id`、English `?lang=en`、简体中文 `?lang=zh`。 - SEO:动态 `lang/title/description`、canonical、hreflang、Open Graph、Twitter Card、JSON-LD、robots.txt、sitemap.xml。 diff --git a/index.html b/index.html index 4bdb678..c04af66 100644 --- a/index.html +++ b/index.html @@ -3,46 +3,23 @@
- + - - + - + - - - -Temukan drama yang bikin kamu terus menonton. Episode baru setiap hari.

RFDR^bxvn@9Y*WEN=gx_Ybqn@9Ji_UejT%
z4y&4k7xeM>I{a3Jj`Uyan9p^1%=Iu&5**awejS=Iuj=D}a8=>@f)1b4;gdSt>AKBz
zv+Ft?u4)o4)yHPIKp)T6p_zWF>m+g;r$h62q&^<%I>0r@wX18EYl>?deH^dDs3u{E
zKK9e0PESsZHZyd!x^m?5vkJ{)NB9qy8saNm$_UTu@RSbCm|}ITeq26vr93W2T|Us^
z0TsGZHe%k;;T|2nq~pz$&+C|HU7q0VM|HSWhi1%1mo>z%(BWbonlWZL-(@E6PSK%0
zcBPyy6I{mVaD)n7pVP-fbl6XaJ$2Ywg^u(YI;Mk5YjTU#VT2BYbm*f)cNdgnwdt@<
zhnI9%p~F&Dd+TW(p48!&I{euBq4hoM+dAB*!+$mjU)0Bc(c#lNG}He N7r0I!E;
zx;(npjpvmQy5g03wC}$FG)E!tD^a)Qq=MInU5@;P;A+U}BEd}$TC6S43vZI~cpmqk
z0gNT3?Ob5vQJ;p3gi;d1x
Qtu+|6_>eP>C~e&V
z7*WS2Q+~dYerUTirsN>}yl%{<)7f{TtMk4M{r7cs-P>PWYc|)Gxav%%x{Tqk?%4T{
zLqq3x?mR#AdH+Of+qmC1-qtpbLkz)}h|qV
zyJ|>7gtYT7yo^b~tR$b(#(0?^l`aBZVfZU-+t(C%?b%;fW*2&_^;5Oc+uMYL*+PM_
zXVl-)G&oF*{2M81Gh02?*mUdCliB!+fk!|3p9We)rzkDTc7J^Cy#)z*uZ-C~e-^7|
zpoET)4kM(5$0&VMUiBis4dG-oepX9uXfiLbN&T!Zf%|S4R^V(
z(*>WU;Z{@fvv$FAt10m|JSVf4?<~ii9kp3q@LVG${WdbbNBj=dOST{N6}lnmMSXja
z*G_!F$5}47rji~$y9?ggAIG}Lom*2$f0#^i(rfr^DDl7Gd6k2|3;t(&xxAlT>UkQ^
ze}oQmtr6B#@;S(7N7VvZVS!TY7Ra0loyyb(N!v4+C7M$hY>|5+H%;9B!4};=eC1Rl
zKC!*D^9=(nTr@nlrYw=t{-f&hN3Dt(8ZmWw@u+KSv(lzqsW;77Rqh|@S03Q*<6hci
zNgCZew4iZZYFU1qY1Dw6x$DM_xbD(HcCF?+_3%3|POYw_pTmYvvtr|%Fy7cAAZ;eE
zF`kHDz-F3FrqF0OHoUrBOlN6i%NS`o%N7>JS$EMf8B>