Ukusuka Ekubukeni Kuqala Kwasendaweni Kuya ku-Cloudflare Pages: Ukuthumela i-AI Pose Gallery YesiZulu

Isingeniso sephrojekthi

I-AI Pose Gallery yesiShayina iyigalari emile yezikhundla zomzimba womuntu, ehloselwe ukudweba nge-AI, ukudala nge-3D kanye nezinkomba zokuthatha izithombe. Iphrojekthi iqukethe amaqoqo angu-288, izithombe ezingu-1439 ezivela ezinhlangothini eziningi, futhi ihumushe ngokuphelele imethadatha yesiJapane yesayithi lokuqala iye esiShayineni.

Indawo yokugcina iphrojekthi igcina izithombe ezincane ze-JPG ezingu-1439 kanye nezithombe zokuqala ze-PNG ezingu-1439, okuyingqikithi yamafayela ezithombe angu-2878. Ingaphambili iwuhlelo lwekhasi elilodwa olungenazo izixhomekeko; aludingi ukufakwa kohlaka noma ukusebenzisa amathuluzi okwakha.

Ungavakashela idemo eku-inthanethi ukuze ubone umphumela wangempela, noma uthole iphrojekthi ephelele kuyindawo yokugcina ye-GitHub.

Igalari iqukethe izinkomba zezikhundla eziqondiswe kubantu abadala, futhi amanye amagama ezigaba ahlanganisa amagama ezenzo zocansi. Okuqukethwe kusetshenziselwa kuphela ukudala ubuciko, izinkomba zokunyakaza nokufunda ubuchwepheshe bangaphambili; izingane azivunyelwe ukufinyelela.

Imisebenzi eyinhloko

Ukusesha nokuhlunga okuhlanganisiwe

Igalari ihlela okuqukethwe ngezinhlelo ezine, futhi ikhasi libonisa inani lezithombe namaqoqo ezikhundla ohlelweni ngalunye. Ibhokisi lokusesha lisekela amagama ezikhundla, izinombolo, ama-ID namagama angukhiye ezigaba. Cindezela u-/ ukuze ugxilise ibhokisi lokusesha ngokushesha.

• Amathebhu ezinhlelo ezine zezikhundla
• Izigaba zezenzo ezingu-26
• Imibono emihlanu: ngaphambili, uhlangothi olutshekile, eceleni, ukusuka phezulu nokusuka phansi
• Ukuhlunga okuhlanganisa uhlelo, isigaba nombono
• Ukusetha kabusha izimo zokuhlunga ngokuchofoza okukodwa

Ukuphequlula ngamaqoqo nangasodwa

Ikhasi linikeza izindlela ezimbili: ukuhlanganisa ngokwesikhundla kanye nokuphequlula isithombe ngasinye. Amakhadi amaqoqo abonisa izithombe ezincane ezivela ezinhlangothini eziningi zesikhundla esifanayo; hamba phezu kwesithombe esincane noma usichofoze ukuze ushintshe isithombe esikhulu sekhadi.

Lapho uvula ibhokisi lokukhanyisa, ikhasi liqala ngokubonisa isithombe esincane esingu-300×400 bese lilayisha isithombe sokuqala se-PNG esingu-900×1200. Ibhokisi lokukhanyisa lisekela ukulanda i-PNG, ukukopisha i-ID yerekhodi, nokuvula isithombe efasiteleni elisha.

• ← no-→: shintsha umbono wesikhundla samanje
• ↑ no-↓: shintsha isikhundla
• Esc: vala ibhokisi lokukhanyisa
• Ukuswayipha kwesokunxele nakwesokudla kumakhalekhukhwini: shintsha isithombe

Isakhiwo esiphendulayo

Ku-desktop kusetshenziswa igridi enamakholomu amaningi, kanti kumakhalekhukhwini kusetshenziswa igridi enamakholomu amabili. Iphaneli yokuhlunga kumadivayisi eselula ingavulwa noma ivalwe ukuze kube lula ukuphequlula ezikrinini ezincane.

Usayizi nokwakheka kwedatha

Amarekhodi angu-1439 asatshalaliswe ezinhlelweni ezine:

• Umzimba ogcwele umuntu oyedwa・uhlelo olujwayelekile: amarekhodi angu-365
• Umzimba ogcwele umuntu oyedwa・uhlelo oluvusa inkanuko: amarekhodi angu-399
• Umzimba ongaphezulu umuntu oyedwa: amarekhodi angu-400
• Abantu ababili abasondelene: amarekhodi angu-275

Ingaphambili ifunda ngokuqondile data/pose-zh.json. Irekhodi ngalinye liqukethe i-ID eyingqayizivele, uhlelo, inombolo yesikhundla, isigaba, igama lesikhundla, umbono, indlela yesithombe esincane, indlela yesithombe sokuqala kanye nochungechunge lokusesha.

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

data/pose.json igcina izinkambu nedatha yesiJapane yokuqala ukuze kube lula ukuhlola ukuhumusha noma ukubuyisela idatha. data/translations.csv yona inikeza amarekhodi okuqhathanisa esiJapane nesiShayina angu-323.

Ukuthola iphrojekthi

Qinisekisa ukuthi une-Git ne-Python 3, bese uhlanganisa indawo yokugcina ungene enkombeni yephrojekthi:

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

Iphrojekthi ayinazo izinyathelo zokufaka izixhomekeko ze-npm noma ze-Python. Ikhasi eliyinhloko liku-index.html, kanti idatha nezithombe sekugcinwe ezinkombeni ezifanele zendawo yokugcina.

Izinkomba ezibalulekile

• index.html: igalari yekhasi elilodwa engenazo izixhomekeko
• data/: idatha yesiJapane, idatha yesiShayina, izigaba nethebula lokuqhathanisa ukuhumusha
• thumbs/: izithombe ezincane ze-JPG ezingu-1439 ezinobukhulu obungu-300×400
• img/: izithombe zokuqala ze-PNG ezingu-1439 ezinobukhulu obungu-900×1200
• scripts/: imibhalo yokulanda, ukugcwalisa ukuhumusha, ukuhlola nokushicilela
• _headers: isu lokulondoloza isikhashana le-Cloudflare Pages
• robots.txt ne-sitemap.xml: ukucushwa kwezinjini zokusesha

Ukuqalisa igalari endaweni

Ikhasi lilayisha idatha ye-JSON lisebenzisa i-fetch, ngakho ngeke uvule i-index.html ngokuchofoza kabili kuphela. Uma usebenzisa iphrothokholi yefayela lendawo ngokuqondile, isiphequluli sizovimba izicelo ngenxa yenqubomgomo yokuphepha.

Qalisa iseva ye-HTTP ye-Python empandeni yendawo yokugcina:

python3 -m http.server 8000

Bese uvula:

http://127.0.0.1:8000

Ngemva kokulayisha kwekhasi, landela lolu hlelo ukuze ujwayele imisebenzi eyisisekelo:

1. Khetha uhlelo lwezikhundla kuthebhu ephezulu.
2. Khetha isigaba sesenzo kanye nombono owodwa noma eminingi.
3. Faka igama lesikhundla, inombolo, i-ID noma igama elingukhiye lesigaba ebhokisini lokusesha.
4. Shintsha phakathi kwemodi yamaqoqo nemodi yesithombe ngasinye.
5. Chofoza ikhadi ukuze uvule ibhokisi lokukhanyisa, bese usebenzisa ikhibhodi noma ukuthinta ukuze uzulazule.
6. Landa isithombe sokuqala se-PNG noma ukopishe i-ID yerekhodi ebhokisini lokukhanyisa.

Ukugcina izithombe nedatha yokuhumusha

Ukulanda izithombe futhi

Indawo yokugcina inikeza umbhalo wokulanda osebenza ngokuhambisana. Amafayela asevele ekhona ayakweqiwa ngokuzenzakalelayo, ngakho umyalo ungaphindwa futhi usekela ukuqhubeka lapho kumiswe khona kanye nokuzama futhi okuzenzakalelayo.

python3 scripts/download.py

Inani elizenzakalelayo lezisebenzi ezisebenza ngesikhathi esisodwa ngu-48. Ukuze ulilungise, setha i-WORKERS:

WORKERS=64 python3 scripts/download.py

Ukubuyekeza ukuhumusha kwesiShayina

Isichazamazwi sokuhumusha siku-scripts/i18n.py. Ngemva kokulungisa ukuhumusha, sebenzisa umbhalo wokugcwalisa futhi ukuze ukhiqize idatha yesiShayina:

python3 scripts/apply_translation.py

Umphumela okhiqiziwe uzofundwa yingaphambili. Ngemva kokubuyekeza, kunconywa ukuhlola ukuthi izinkambu zohlelo, zesigaba, zegama lesikhundla, zombono nezokusesha ku-data/pose-zh.json zilindelekile yini.

Ukuhlola ubuqotho bezithombe

Umbhalo wokuhlola ubheka ukuba khona, ubukhulu bamafayela namakhanda ezithombe zamafayela angu-2878:

python3 scripts/verify.py

Ukuhlola kanye ngaphambi kokulanda kabusha izinto, ukuhambisa izinkomba noma ukushicilela ngokusemthethweni kunganciphisa amathuba okuthi kuvele izithombe ezingekho noma ezonakele ku-inthanethi.

Ukushicilela ku-Cloudflare Pages

Le phrojekthi iyisayithi elimile ngokuphelele; kunconywa ukuyixhuma ku-GitHub bese uyinika i-Cloudflare Pages ukuthi ishicilele ngokuzenzakalelayo.

1. Ngena ku-Cloudflare Dashboard.
2. Vula Workers & Pages, bese ukhetha Create, Pages no-Connect to Git ngokulandelana.
3. Khetha indawo yokugcina yephrojekthi bese usetha igatsha lokukhiqiza libe yi-main.
4. Setha i-Framework preset ibe yi-None.
5. Setha i-Build command ibe yi-bash scripts/build.sh.
6. Setha i-Build output directory ibe yi-dist.
7. Londoloza bese ushicilela; ngokuvamile uzothola ikheli elithi https://<project>.pages.dev ngemva kwemizuzu engu-2 kuya kwengu-5.

Ngemva kwalokho, njalo lapho wenza i-git push egatsheni lokukhiqiza, i-Cloudflare Pages izokwakha kabusha futhi ishicilele ngokuzenzakalelayo.

Ungasethi i-Build output directory ibe yimpande yendawo yokugcina. I-.git esempandeni ingaba nedatha engamakhulu ama-MB; lapho i-Cloudflare iskena amafayela e-pack, ingase ibangele umkhawulo wamafayela awodwa ongu-25 MiB. I-scripts/build.sh ikopisha kuphela amafayela adingwa yisayithi iye ku-dist.

Usayizi omkhulu wefayela elilodwa endaweni yokugcina cishe ngu-917 KB, kanti inkomba yokushicilela inamafayela angaba ngu-2883. Lokhu kuhambisana nomkhawulo we-Cloudflare Pages wefayela elilodwa elingedluli u-25 MiB kanye nokushicilela okukodwa okungeqi amafayela angu-20000.

Ukushicilela ngomugqa womyalo

Uma ungaxhumi ku-GitHub, ungakhiqiza kuqala inkomba yokushicilela bese uyilayisha nge-Wrangler:

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

_headers isivele ilungiselele ukugcinwa kwesikhashana okuqinile konyaka owodwa ku-img/ naku-thumbs/, okunciphisa izicelo eziphindwayo zezithombe ezingashintshile.

Iziphakamiso zokucushwa okuthuthukile

Ukushintsha isizinda esisemthethweni

Amakheli aphelele asendaweni yokugcina ngokuzenzakalelayo akhomba ku-https://ai-pose-gallery.anhao.app/. Uma wenza i-Fork bese ushicilela esizindeni sakho, kufanele ubuyekeze lezi zindawo:

• Ikheli le-canonical ku-index.html
• Amakheli e-Open Graph e-og:*
• Ukucushwa kwe-Twitter Card kwe-twitter:*
• Ikheli lesayithi kudatha ehleliwe ye-JSON-LD
• Ikheli le-sitemap ku-robots.txt
• Ikheli lekhasi eliyisiqalo ku-sitemap.xml

Ukubuyekeza wonke la makheli ngendlela efanayo kugwema ukuthi isizinda esenziwe ngokwezifiso nesizinda se-pages.dev zibhekwe izinjini zokusesha njengamakhasi aphindaphindiwe.

Ukugcina incazelo ye-SEO

Ikhasi selivele lilungiselele i-description, i-keywords, i-author, i-Open Graph, i-Twitter Card, kanye nedatha ye-JSON-LD ye-WebSite ne-ImageGallery. Lapho uguqula ingaphambili, qhubeka ugcine isihloko esiyinhloko esisodwa, izihloko zezigaba ezicacile, nombhalo ohlukile wesithombe oqukethe igama lesikhundla nombono.

Izithombe ezincane zisebenzisa ukulayisha okuvilaphayo; ibhokisi lokukhanyisa libonisa isithombe esincane kuqala bese licela isithombe sokuqala. Lapho wandisa imisebenzi yekhasi, kunconywa ukugcina lolu hlelo lokulayisha ukuze izicelo eziningi ze-PNG engu-900×1200 zingaphazamisi isivinini sokubonakala kokuqala.

Ukugcina izinkambu zifana lapho uguqula idatha

Ukusesha, ukuhlunga, ukuhlanganisa nokushintsha imibono kuncike ezinkambini eziku-pose-zh.json. Lapho uhlela amarekhodi ngesandla, naka kakhulu ubungqayizivele be-id, izindlela zezithombe ezihlobene, amagama ezinhlelo, izigaba, izinombolo zezikhundla namagama emibono, bese usebenzisa umbhalo wokuhlola ngemva kokulungisa.

Amalungelo obunikazi nemingcele yokusetshenziswa

Ilungelo lobunikazi lezithombe nedatha yokuqala lingelombhali wokuqala, uギア. Abagcini bendawo yokugcina abasho ukuthi banamalungelo kulezi zinto, futhi iphrojekthi ayinikezi imvume yokusebenzisa imisebenzi yokuqala ngokwentengiso.

Ikhodi eku-scripts/ naku-index.html isebenzisa ilayisensi ye-MIT, kodwa le layisensi ayifaki izithombe nedatha yokuqala eku-img/, ku-thumbs/ naku-data/. Ngaphambi kokuphinda ushicilele noma usebenzise izinto, qinisekisa ukuthi ukusetshenziswa kuhambisana nezimfuneko ezifanele zamalungelo obunikazi.

Isifinyezo

Inguqulo yesiShayina ye-AI Pose Gallery ihlanganisa idatha ehunyushwe ngokuphelele, izinsiza zezithombe zendawo kanye ne-frontend ephendulayo ibe iphrojekthi eyodwa emile engenakho ukuncika. Ungayibuka endaweni usebenzisa iseva ye-HTTP ye-Python, futhi usebenzise imibhalo eyakhelwe ngaphakathi ukuze uphinde ulande, ubuyekeze ukuhumusha futhi uhlole izinsiza, bese uyishicilela ngokushesha nge-Cloudflare Pages. Lapho usebenzisa eyakho inguqulo, khumbula ukulungisa izilungiselelo ze-SEO ezihlobene nesizinda futhi uthobele iziqondiso zokuqukethwe zephrojekthi nemingcele yamalungelo obunikazi.