Mahalliy ko‘rib chiqishdan Cloudflare Pages’gacha: AI Pose Gallery’ning xitoycha versiyasini joylashtirish

Loyiha haqida

AI Pose Gallery Xitoycha versiyasi AI rasmlar yaratish, 3D ijodkorlik va fotografiya uchun ma'lumotnoma sifatida mo'ljallangan statik inson pozalari galereyasidir. Loyihada 288 ta guruh, 1439 ta turli burchaklardan olingan ma'lumotnoma rasmi jamlangan va asl saytning yaponcha metama'lumotlari to'liq xitoy tiliga tarjima qilingan.

Repozitorda 1439 ta JPG kichik rasmi va 1439 ta PNG asl rasmi, jami 2878 ta rasm fayli saqlanadi. Frontend hech qanday bog'liqlikka ega bo'lmagan bir sahifali ilova bo'lib, undan foydalanish uchun framework o'rnatish yoki build vositasini ishga tushirish talab etilmaydi.

Amaldagi ko'rinishni ko'rish uchun onlayn demoga kirishingiz yoki to'liq loyihani GitHub repozitoriyasidan olishingiz mumkin.

Galereyada kattalar uchun mo'ljallangan pozalar mavjud, ayrim turkum nomlarida jinsiy faoliyatga oid atamalar uchraydi. Kontent faqat badiiy ijod, harakatlar bo'yicha ma'lumotnoma va frontend texnologiyalarini o'rganish uchun mo'ljallangan. Voyaga yetmaganlar kirmasin.

Asosiy funksiyalar

Qidiruv va birlashtirilgan filtrlash

Galereya kontentni to'rtta tizim bo'yicha tashkil qiladi, sahifada har bir tizimdagi rasmlar soni va pozalar guruhlari ko'rsatiladi. Qidiruv maydoni poza nomi, raqami, ID va turkum kalit so'zlarini qo'llab-quvvatlaydi. / tugmasi qidiruv maydoniga tez o'tish imkonini beradi.

• To'rtta poza tizimi yorlig'i
• 26 ta harakat turkumi
• Old, qiya yon, yon, yuqoridan va pastdan ko'rinishning besh turi
• Tizim, turkum va ko'rinishni birgalikda filtrlash
• Filtrlash shartlarini bir marta bosib tiklash

Guruhlash va rasmlarni birma-bir ko'rish

Sahifada pozalar bo'yicha guruhlash va rasmlarni birma-bir ko'rish rejimlari mavjud. Guruh kartasida bir xil pozaning turli burchaklardan olingan kichik rasmlari ko'rsatiladi; kichik rasm ustiga olib borish yoki bosish orqali kartadagi asosiy rasmni almashtirish mumkin.

Lightbox ochilganda sahifa avval 300×400 o'lchamdagi kichik rasmni, so'ng 900×1200 o'lchamdagi PNG asl rasmni yuklaydi. Lightbox PNG faylni yuklab olish, yozuv ID'sini nusxalash va rasmni yangi oynada ochishni qo'llab-quvvatlaydi.

• ← va →: joriy pozaning burchagini almashtirish
• ↑ va ↓: pozani almashtirish
• Esc: lightboxni yopish
• Telefonda chapga yoki o'ngga surish: rasmni almashtirish

Moslashuvchan maket

Kompyuterda bir nechta ustunli panjara, telefonda esa ikki ustunli panjara ishlatiladi. Mobil qurilmalarda kichik ekranda ko'rishni qulaylashtirish uchun filtrlash panelini ochish yoki yig'ish mumkin.

Ma'lumotlar hajmi va tuzilishi

1439 ta yozuv to'rtta tizimga taqsimlangan:

• To'liq tana, bir kishi ・ standart tizim: 365 ta
• To'liq tana, bir kishi ・ jozibali tizim: 399 ta
• Yuqori tana, bir kishi: 400 ta
• Ikki kishilik yaqinlik: 275 ta

Frontend amalda data/pose-zh.json faylini o'qiydi. Har bir yozuv noyob ID, tizim, poza raqami, turkum, poza nomi, ko'rinish, kichik rasm yo'li, asl rasm yo'li va qidiruv satrini o'z ichiga oladi.

{
  "id": "full_sexy_P001_front",
  "体系": "全身单人・性感系",
  "姿势编号": "P001",
  "分类": "站姿",
  "姿势名称": "S形站姿・胯部侧顶",
  "角度": "正面",
  "缩略图": "thumbs/…jpg",
  "原图": "img/…png",
  "检索": "用于前端模糊搜索的拼接串"
}

data/pose.json faylida asl yaponcha maydonlar va ma'lumotlar saqlanadi; bu tarjimani tekshirish yoki ma'lumotlarni qayta kiritish uchun qulay. data/translations.csv esa 323 ta yaponcha-xitoycha taqqoslama yozuvni taqdim etadi.

Loyihani olish

Git va Python 3 tayyor bo'lgach, repozitoriyani klon qilib, loyiha katalogiga kiring:

git clone https://github.com/anhao/ai-pose-gallery-zh.git
cd ai-pose-gallery-zh

Loyihada npm yoki Python bog'liqliklarini o'rnatish bosqichi yo'q. Asosiy sahifa index.htmlda joylashgan, ma'lumotlar va rasmlar esa repozitoriyadagi tegishli kataloglarda saqlangan.

Muhim kataloglar

• index.html: bog'liqliksiz bir sahifali galereya
• data/: yaponcha ma'lumotlar, xitoycha ma'lumotlar, turkumlar va tarjima taqqoslama jadvali
• thumbs/: 1439 ta 300×400 JPG kichik rasmi
• img/: 1439 ta 900×1200 PNG asl rasmi
• scripts/: yuklab olish, tarjimani qo'llash, tekshirish va nashr skriptlari
• _headers: Cloudflare Pages keshlash siyosati
• robots.txt va sitemap.xml: qidiruv tizimi konfiguratsiyasi

Galereyani lokal ishga tushirish

Sahifa JSON ma'lumotlarini fetch orqali yuklaydi, shu sababli index.htmlni to'g'ridan-to'g'ri ikki marta bosib ochib bo'lmaydi. Lokal fayl protokolidan foydalanilganda brauzer xavfsizlik siyosati sababli so'rovni to'sadi.

Repozitoriya ildiz katalogida Python HTTP serverini ishga tushiring:

python3 -m http.server 8000

So'ng quyidagi manzilni oching:

http://127.0.0.1:8000

Sahifa yuklangach, asosiy amallarni quyidagi tartibda o'rganishingiz mumkin:

1. Yuqoridagi yorliqlardan bir poza tizimini tanlang.
2. Harakat turkumi va bir yoki bir nechta ko'rinishni tanlang.
3. Qidiruv maydoniga poza nomi, raqami, ID yoki turkum kalit so'zini kiriting.
4. Guruhlash va birma-bir ko'rish rejimlari o'rtasida almashing.
5. Kartani bosib lightboxni oching, so'ng klaviatura yoki sensorli imo-ishoralar orqali harakatlaning.
6. Lightboxda PNG asl rasmni yuklab oling yoki yozuv ID'sini nusxalang.

Rasm va tarjima ma'lumotlarini boshqarish

Rasmlarni qayta yuklab olish

Repozitoriyada parallel yuklab olish skripti mavjud. Mavjud fayllar avtomatik o'tkazib yuboriladi, shu sababli buyruqni takroran bajarish, uzilgan yuklashni davom ettirish va avtomatik qayta urinish mumkin.

python3 scripts/download.py

Standart parallel jarayonlar soni 48 ta. Uni o'zgartirish uchun WORKERSni belgilang:

WORKERS=64 python3 scripts/download.py

Xitoycha tarjimani yangilash

Tarjima lug'ati scripts/i18n.pyda joylashgan. Undagi tarjimalarni o'zgartirgach, xitoycha ma'lumotlarni qayta yaratish uchun quyidagi skriptni ishga tushiring:

python3 scripts/apply_translation.py

Yaratilgan natijadan frontend foydalanadi. Yangilangandan so'ng data/pose-zh.jsondagi tizim, turkum, poza nomi, ko'rinish va qidiruv maydonlari kutilganidek ekanini tekshirish tavsiya etiladi.

Rasmlar yaxlitligini tekshirish

Tekshirish skripti 2878 ta faylning mavjudligi, hajmi va rasm sarlavhasini tekshiradi:

python3 scripts/verify.py

Materiallarni qayta yuklab olish, kataloglarni ko'chirish yoki rasmiy joylashtirishdan oldin tekshiruvni bir marta bajarish onlaynda rasm yetishmasligi yoki buzilgan rasmlar paydo bo'lish xavfini kamaytiradi.

Cloudflare Pages'ga joylashtirish

Bu loyiha to'liq statik sayt bo'lib, GitHub'ga ulab, avtomatik nashr qilishni Cloudflare Pages'ga topshirish tavsiya etiladi.

1. Cloudflare Dashboard'ga kiring.
2. Workers & Pages bo'limiga o'ting va ketma-ket Create, Pages hamda Connect to Gitni tanlang.
3. Loyiha repozitoriyasini tanlang va ishlab chiqarish tarmog'ini main qilib belgilang.
4. Framework preset qiymatini None qilib belgilang.
5. Build command qiymatini bash scripts/build.sh qilib belgilang.
6. Build output directory qiymatini dist qilib belgilang.
7. Saqlang va joylashtiring. Odatda 2–5 daqiqadan so'ng https://<project>.pages.dev manzili olinadi.

Shundan so'ng ishlab chiqarish tarmog'iga har safar git push bajarilganda, Cloudflare Pages avtomatik ravishda qayta build qilib, nashr etadi.

Build output directory qiymatini bevosita repozitoriya ildiz katalogiga o'rnatmang. Ildiz katalogidagi .git yuzlab MB ma'lumotni o'z ichiga olishi mumkin; Cloudflare pack fayllarini skanerlashda 25 MiB hajmdagi bitta fayl chekloviga duch kelishi ehtimoli bor. scripts/build.sh saytga kerakli fayllarnigina distga nusxalaydi.

Repozitoriyadagi eng katta bitta fayl taxminan 917 KB, nashr katalogida esa taxminan 2883 ta fayl mavjud. Bu Cloudflare Pages'ning bitta fayl 25 MiB'dan, bitta joylashtirishdagi fayllar soni 20000 tadan oshmasligi haqidagi cheklovlariga mos keladi.

Buyruq satridan joylashtirish

GitHub'ga ulamasangiz ham, avval nashr katalogini yaratib, keyin Wrangler orqali yuklashingiz mumkin:

bash scripts/build.sh
npx wrangler pages deploy dist --project-name ai-pose-gallery-zh

_headers faylida img/ va thumbs/ uchun bir yillik kuchli kesh sozlangan; bu brauzerning o'zgarmagan rasmlarni qayta so'rashining oldini oladi.

Ilg'or konfiguratsiya tavsiyalari

Asosiy domenni almashtirish

Repozitoriyadagi mutlaq manzillar sukut bo'yicha https://ai-pose-gallery.anhao.app/ga yo'naltirilgan. Fork qilib, o'z domeningizga joylashtirsangiz, quyidagi joylarni bir vaqtda o'zgartiring:

• index.htmldagi canonical manzil
• Open Graph'dagi og:* manzillari
• Twitter Card'dagi twitter:* konfiguratsiyasi
• JSON-LD tarkibiy ma'lumotlaridagi sayt manzili
• robots.txtdagi sitemap manzili
• sitemap.xmldagi bosh sahifa manzili

Bu manzillarni bir xil tarzda yangilash qidiruv tizimlarining maxsus domen va pages.dev domenini takroriy sahifalar deb hisoblashining oldini oladi.

SEO semantikasini saqlash

Sahifada alohida description, keywords, author, Open Graph, Twitter Card, shuningdek WebSite va ImageGallery JSON-LD ma'lumotlari sozlangan. Frontendni o'zgartirganda yagona asosiy sarlavha, aniq bo'lim sarlavhalari hamda poza nomi va ko'rinishni o'z ichiga olgan rasm muqobil matnlarini saqlash kerak.

Kichik rasmlar kechiktirib yuklanadi, lightbox avval kichik rasmni ko'rsatadi, keyin asl rasmni so'raydi. Sahifa funksiyalarini kengaytirishda 900×1200 PNG rasmlarining bir vaqtda yuklanishi sababli dastlabki ekran tezligi pasaymasligi uchun ushbu yuklash tartibini saqlash tavsiya etiladi.

Ma'lumotlarni o'zgartirganda maydonlar izchilligini saqlash

Qidiruv, filtrlash, guruhlash va burchakni almashtirish pose-zh.jsondagi maydonlarga bog'liq. Yozuvlarni qo'lda tahrirlashda idning noyobligi, rasmlarning nisbiy yo'llari, tizim nomi, turkum, poza raqami va ko'rinish nomlariga alohida e'tibor bering hamda o'zgartirgandan so'ng tekshirish skriptini ishga tushiring.

Mualliflik huquqi va foydalanish chegaralari

Rasmlar va asl ma'lumotlarning mualliflik huquqi asl muallif ギアga tegishli. Repozitoriyaga xizmat ko'rsatuvchilar ushbu materiallarga nisbatan huquq talab qilmaydi; loyiha asl asarlardan tijorat maqsadida foydalanishga ruxsat bermaydi.

scripts/ va index.html kodi MIT litsenziyasi asosida tarqatiladi, biroq ushbu litsenziya img/, thumbs/ va data/dagi rasmlar hamda asl ma'lumotlarga tatbiq etilmaydi. Materiallarni qayta nashr etish yoki ulardan foydalanishdan oldin maqsadingiz tegishli mualliflik huquqi talablariga mos kelishini tekshiring.

Xulosa

AI Pose Gallery’ning xitoycha versiyasi to‘liq xitoy tiliga tarjima qilingan ma’lumotlar, mahalliy rasmlar resurslari va moslashuvchan frontendni bitta tashqi bog‘liqliklarsiz statik loyihaga birlashtiradi. Python HTTP serveri orqali uni lokal ko‘rish mumkin; ichki skriptlar yordamida materiallarni qayta yuklash, tarjimalarni yangilash va resurslarni tekshirish, so‘ngra Cloudflare Pages orqali tezda nashr qilish mumkin. O‘z versiyangizni joylashtirayotganda domen bilan bog‘liq SEO sozlamalarini o‘zgartirishni hamda loyiha kontenti bo‘yicha ko‘rsatmalar va mualliflik huquqi cheklovlariga rioya qilishni unutmang.