- Konu sahibi
- #1
Statik siteyi hazırlayın
Önce yayınlanacak klasörü belirleyin. index.html bu klasörün kökünde, CSS, JavaScript ve görseller de beklediğiniz alt klasörlerde olsun. Örneğin index.html ile css/site.css aynı yayın klasörünün içinde bulunmalı. Kaynak kod klasörüyle derleme çıktısını karıştırmayın; bir derleme aracı kullanıyorsanız yükleyeceğiniz yer genellikle çıktı klasörüdür.
1. Direct Upload ile yükleme
2. Komut satırından Wrangler
Node.js kuruluysa terminali yayın klasörünün bulunduğu yerde açıp şu komutu çalıştırabilirsiniz:
KLASOR yerine statik dosyaların bulunduğu klasörün yolunu, PROJE_ADI yerine Pages projenizin adını yazın. Gerekirse komutun istediği hesap girişini tamamlayın. Bu yol klasörü doğrudan dağıttığı için zip hazırlama adımını da ortadan kaldırır.
Windows zip tuzağı
Bazı Windows PowerShell sürümlerinde Compress-Archive ile hazırlanan zip içindeki dosya yolları ters bölü (\) ile kaydedilebiliyor. Böyle bir arşiv yüklenirse ana sayfa açıldığı hâlde css/site.css, js/app.js veya görseller gibi alt klasör dosyaları 404 verebilir. Sorunu yalnız tarayıcı önbelleğine bağlamayın; önce arşivin içindeki yolları inceleyin. Yol ayırıcılarının normal bölü (/) olması gerekir.
En kolay çözüm yayın klasörünü Direct Upload ekranına doğrudan sürükleyip bırakmak veya Wrangler kullanmak. Zip gerekiyorsa 7-Zip ya da tar -a ile yeniden oluşturup içeriğini kontrol edin. Zip açıldığında fazladan bir üst klasör oluşmadığından da emin olun: index.html dağıtımın köküne gelmeli.
Yayından sonra yalnız ana sayfaya bakmayın. Örneğin /css/site.css gibi gerçekten var olan bir alt klasör dosyasının URL'sini ayrı sekmede açın. Yönlendirme ve özel başlık kullanıyorsanız _redirects ve _headers dosyalarını da yayın klasörünün köküne koyun.
Önce yayınlanacak klasörü belirleyin. index.html bu klasörün kökünde, CSS, JavaScript ve görseller de beklediğiniz alt klasörlerde olsun. Örneğin index.html ile css/site.css aynı yayın klasörünün içinde bulunmalı. Kaynak kod klasörüyle derleme çıktısını karıştırmayın; bir derleme aracı kullanıyorsanız yükleyeceğiniz yer genellikle çıktı klasörüdür.
1. Direct Upload ile yükleme
- Cloudflare panelinde Workers & Pages bölümünden yeni bir Pages projesi oluşturun ve Direct Upload seçeneğini açın.
- Projeye bir ad verin. Yükleme ekranına yayın klasörünü doğrudan sürükleyip bırakın veya uygun bir zip dosyası seçin.
- Dağıtımı başlatın ve verilen Pages adresinde ana sayfayı açın.
2. Komut satırından Wrangler
Node.js kuruluysa terminali yayın klasörünün bulunduğu yerde açıp şu komutu çalıştırabilirsiniz:
Kod:
Kodları sadece üyelerimiz görebilir.Windows zip tuzağı
Bazı Windows PowerShell sürümlerinde Compress-Archive ile hazırlanan zip içindeki dosya yolları ters bölü (\) ile kaydedilebiliyor. Böyle bir arşiv yüklenirse ana sayfa açıldığı hâlde css/site.css, js/app.js veya görseller gibi alt klasör dosyaları 404 verebilir. Sorunu yalnız tarayıcı önbelleğine bağlamayın; önce arşivin içindeki yolları inceleyin. Yol ayırıcılarının normal bölü (/) olması gerekir.
En kolay çözüm yayın klasörünü Direct Upload ekranına doğrudan sürükleyip bırakmak veya Wrangler kullanmak. Zip gerekiyorsa 7-Zip ya da tar -a ile yeniden oluşturup içeriğini kontrol edin. Zip açıldığında fazladan bir üst klasör oluşmadığından da emin olun: index.html dağıtımın köküne gelmeli.
Yayından sonra yalnız ana sayfaya bakmayın. Örneğin /css/site.css gibi gerçekten var olan bir alt klasör dosyasının URL'sini ayrı sekmede açın. Yönlendirme ve özel başlık kullanıyorsanız _redirects ve _headers dosyalarını da yayın klasörünün köküne koyun.
