Giriş

ChatGPT, Canva, Gemini Canvas, Claude Artifacts veya Sider Web Creator gibi yapay zeka araçlarıyla bir site oluşturduktan sonra, bir sonraki büyük soru, kendi alan adınız üzerinden siteyi ziyaret edebilmeniz için GitHub Pages'da web barındırmayı nasıl yöneteceğinizdir.

Bu kılavuz, 'da bir projeyi dışa aktarmaktan, kişisel alan adınız altında tam teşekküllü bir web sitesine sahip olmaya kadar olan yolculukta size adım adım rehberlik ederken, web barındırma ve GitHub Pages yapılandırmasını da anlaşılır hale getirir.

🎯 Öğrenecekleriniz

Bir GitHub Pages web barındırma iş akışı seçmeden önce, yapay zeka tarafından oluşturulan proje dosyalarını doğru şekilde nasıl indireceğinizi ve anlayacağınızı.

Siteyi GitHub Pages'da ücretsiz olarak yayınlamak için adım adım talimatlar.

GitHub Pages ayarları içinde kendi özel alan adınızı nasıl satın alıp bağlayacağınızı ve en iyi uygulama DNS kayıtlarına nasıl bağlayacağınızı.

GitHub Pages kurulumu yayına girdikten sonra sitenin tamamen profesyonel ve güvenilir görünmesini sağlamak için profesyonel ipuçları.

📥 Adım 1: Sitenizi Sider Web Creator'dan İndirin

GitHub Pages dahil çoğu statik barındırma platformu temiz bir derleme klasörü bekler, bu nedenle öncelikle dosyalarınızı toplamanız gerekir.

1.1 Proje Dosyalarını İndirin

Web Creator site oluşturmayı bitirdikten sonra, sağ üst köşedeki İndir düğmesini tıklayın.

Sistem projenizi paketlerken bekleyin.

GitHub Pages'a yüklemeye hazır bir .zip dosyası alacaksınız.

Zip dosyasını bilgisayarınızda herhangi bir yere çıkarın.

1.2 Dosya Yapısını Anlayın (Önemli!)

benim-websitem/
├── dist/ ⭐ **GitHub Pages** için Üretim derlemesi
│ ├── index.html → Ana sayfa
│ ├── assets/ → Stiller ve komut dosyaları
│ └── …
├── src/ 📝 Kaynak kodu klasörü
├── package.json 📦 Proje yapılandırması
└── …diğer dosyalar

Önemli hatırlatma: Yalnızca dist/ içindeki içerikler GitHub Pages'da yayınlanır.

1.3 Yerel Önizleme Testi

dist/ klasörüne girin.

index.html dosyasına çift tıklayın.

Site tarayıcınızda açılır.

GitHub Pages'a göndermeden önce her şeyin çalıştığını doğrulayın.

🚀 Adım 2: Bir Dağıtım Platformu Seçin

GitHub Pages bu kılavuzun kahramanı olsa da, işte hızlı bir karşılaştırma:

Platform	Neden Kullanmalısınız?
🌟 GitHub Pages (bu kılavuzun odak noktası)	Tamamen ücretsiz • Sürükle ve bırak veya `git push` dağıtımı • Ücretsiz HTTPS • Global CDN • Özel alan adları • GitHub Actions ile yerel CI
☁ Cloudflare Pages	Global edge ağı • %100 ücretsiz • Çok hızlı
🔥 Netlify	Şık kullanıcı arayüzü • Özellik açısından zengin

📤 Adım 3: GitHub Pages'a Dağıtın (Ayrıntılı Kılavuz)

GitHub Pages bir geliştirici platformunun içinde yer alsa da, onu düğmeyle kolaylık sağlayan ultra modern bir web barındırma olarak düşünün.

3.1 Kaydolun ve Bir Depo Oluşturun

github.com adresini ziyaret edin ve oturum açın.

+ Yeni depo öğesini tıklayın.

benim-websitem olarak adlandırın ve Herkese Açık seçeneğini belirleyin (veya ücretli bir planınız varsa Özel; GitHub Pages artık özel depoları destekliyor).

Daha sonra göndermeyi planlıyorsanız README ile başlat işaretini kaldırmayın.

3.2 Site Dosyalarınızı Ekleyin

Yöntem A: Sürükle ve Bırak Yükleme (başlangıç seviyesi için en iyisi)

Deponun Kod sekmesinde Dosya ekle → Dosyaları yükle öğesini tıklayın.

dist/ içindeki her şeyi bırakın.

Aşağı kaydırın ve Değişiklikleri işle öğesini tıklayın.

Yöntem B: Git CLI (geliştiriciler için en iyisi)

# Boş depoyu klonla
git clone https://github.com/<kullanici>/benim-websitem.git
cd benim-websitem
# Derleme çıktısını kopyala
cp -r /path/to/dist/* .
# İşle ve gönder
git add .
git commit -m "İlk **GitHub Pages** dağıtımı"
git push origin main

Her iki yol da sizi depo kökünde statik dosyalarla bırakır—GitHub Pages için mükemmel.

3.3 GitHub Pages'ı Etkinleştirin

Ayarlar → Sayfalar bölümüne gidin.

Kaynak altında Bir daldan dağıt → main (/kök) seçeneğini belirleyin.

Kaydet öğesini tıklayın. GitHub Pages ~30 s içinde oluşturulur ve https://<kullanici>.github.io/benim-websitem/ gibi bir URL döndürür.

3.4 Varsayılan URL'nizi Alın

Her şeyin yüklendiğini doğrulamak için bağlantıyı ziyaret edin. GitHub Pages otomatik olarak global CDN üzerinden hizmet verir.

🌐 Adım 4: Kendi Alan Adınızı Satın Alın ve Bağlayın

4.1 Bir Alan Adı Satın Alın

Önerilen kayıt kuruluşları (hepsi GitHub Pages ile iyi çalışır): Namecheap, GoDaddy, Alibaba Cloud, Tencent Cloud. Mümkün olduğunca kısa bir .com seçin.

4.2 Alan Adını GitHub Pages'da Ekleyin

Hala Ayarlar → Sayfalar bölümünde, Özel alan adı öğesini bulun.

benimwebsitem.com veya www.benimwebsitem.com girin.

Kaydet öğesini tıklayın. GitHub Pages otomatik olarak bir CNAME dosyası yazar.

4.3 DNS Kayıtlarını Yapılandırın

Tür	Ad	Değer
A	@	`185.199.108.153`, `185.199.109.153`, `185.199.110.153`, `185.199.111.153`
CNAME	www	`<kullanici>.github.io`
Yayılma için 10 dakika–24 saat bekleyin. Bu IP'ler GitHub Pages için sabittir.

4.4 HTTPS'yi Zorlayın

DNS yayıldıktan sonra, Sayfalar ayarlarını yenileyin ve HTTPS'yi zorla seçeneğini değiştirin. Let’s Encrypt sertifikaları otomatik olarak verilir.

✨ Adım 5: Sitenin Profesyonel Görünmesini Sağlayın

5.1 Özel Bir Favicon Ekleyin

favicon.ico adında 32×32 px'lik bir simge hazırlayın.

Depo köküne yerleştirin.

İşleyin ve gönderin; GitHub Pages anında hizmet verir.

5.2 Özel Meta Bilgileri Ekleyin

Depo kökündeki index.html dosyasını düzenleyin:


<meta name="description" content="Your website description on **GitHub Pages**">
<meta name="author" content="Your Name">

5.3 Analitik (isteğe bağlı)

`<head>` içine GA / Plausible snippet'lerini yapıştırın; GitHub Pages önbellekleme başlıklarına saygı duyar.

🔧 Sorun Giderme

Boş sayfa mı? index.html dosyasının depo kökünde ve varlık yollarının göreli olduğunu doğrulayın.

Alan adı .github.io adresine mi yönlendiriyor? A/CNAME kayıtlarını iki kez kontrol edin ve tam TTL'yi bekleyin.

HTTPS geçişi devre dışı mı? DNS henüz doğru değil; dig ile doğrulayın.

🎉 Özet

Tebrikler! Artık şunları yaptınız:

✅ GitHub Pages barındırmasına hazır, yapay zeka ile oluşturulmuş web sitenizi başarıyla indirdiniz. ✅ GitHub Pages'a ücretsiz olarak dağıttınız. ✅ Kendi özel alan adınızı güvenceye aldınız. ✅ GitHub Pages ortamının tamamen profesyonel görünmesi için iyileştirdiniz.

Siteniz artık:

🌐 GitHub Pages CDN tarafından desteklenen 7/24 çevrimiçi. 🏷️ Profesyonel bir alan adı altında sunuluyor. 🔒 HTTPS şifrelemesiyle korunuyor. ⚡ GitHub Pages edge düğümleri sayesinde global olarak hızlı. 🗝️ Tamamen size ait ve sizin tarafınızdan kontrol ediliyor.

💡 Sonraki Adımlar

SEO optimizasyonu: GitHub Pages kurulumunuz için arama sıralamalarını yükseltmek üzere hedeflenmiş anahtar kelimeler ve meta açıklamalar ekleyin. Sosyal paylaşım: büyük platformlar için paylaşım düğmelerini entegre edin. Sürekli güncellemeler: değişiklikleri düzenli olarak işleyin; GitHub Pages otomatik olarak yeniden dağıtır. Yedeklemeler: GitHub depo korumasını etkinleştirin veya depoyu yansıtın.

Yapay Zeka ile Oluşturulmuş Bir Web Sitesini Kendi Siteniz Olarak GitHub Pages'da Nasıl Yayınlarsınız ve Özel Alan Adınızı Nasıl Kullanırsınız

Giriş

🎯 Öğrenecekleriniz

📥 Adım 1: Sitenizi Sider Web Creator'dan İndirin

1.1 Proje Dosyalarını İndirin

1.2 Dosya Yapısını Anlayın (Önemli!)

1.3 Yerel Önizleme Testi

🚀 Adım 2: Bir Dağıtım Platformu Seçin

📤 Adım 3: GitHub Pages'a Dağıtın (Ayrıntılı Kılavuz)

3.1 Kaydolun ve Bir Depo Oluşturun

3.2 Site Dosyalarınızı Ekleyin

3.3 GitHub Pages'ı Etkinleştirin

3.4 Varsayılan URL'nizi Alın

🌐 Adım 4: Kendi Alan Adınızı Satın Alın ve Bağlayın

4.1 Bir Alan Adı Satın Alın

4.2 Alan Adını GitHub Pages'da Ekleyin

4.3 DNS Kayıtlarını Yapılandırın

4.4 HTTPS'yi Zorlayın

✨ Adım 5: Sitenin Profesyonel Görünmesini Sağlayın

5.1 Özel Bir Favicon Ekleyin

5.2 Özel Meta Bilgileri Ekleyin

5.3 Analitik (isteğe bağlı)

`<head>` içine GA / Plausible snippet'lerini yapıştırın; GitHub Pages önbellekleme başlıklarına saygı duyar.

🔧 Sorun Giderme

🎉 Özet

💡 Sonraki Adımlar

Artık gerçek bir web sitesi sahibisiniz—GitHub Pages bağlantınızı paylaşın ve yaratıcılığınızı dünyaya gösterin!

Yapay Zeka ile Oluşturulmuş Bir Web Sitesini Kendi Siteniz Olarak GitHub Pages'da Nasıl Yayınlarsınız ve Özel Alan Adınızı Nasıl Kullanırsınız

Giriş

🎯 Öğrenecekleriniz

📥 Adım 1: Sitenizi Sider Web Creator'dan İndirin

1.1 Proje Dosyalarını İndirin

1.2 Dosya Yapısını Anlayın (Önemli!)

1.3 Yerel Önizleme Testi

🚀 Adım 2: Bir Dağıtım Platformu Seçin

📤 Adım 3: GitHub Pages'a Dağıtın (Ayrıntılı Kılavuz)

3.1 Kaydolun ve Bir Depo Oluşturun

3.2 Site Dosyalarınızı Ekleyin

3.3 GitHub Pages'ı Etkinleştirin

3.4 Varsayılan URL'nizi Alın

🌐 Adım 4: Kendi Alan Adınızı Satın Alın ve Bağlayın

4.1 Bir Alan Adı Satın Alın

4.2 Alan Adını GitHub Pages'da Ekleyin

4.3 DNS Kayıtlarını Yapılandırın

4.4 HTTPS'yi Zorlayın

✨ Adım 5: Sitenin Profesyonel Görünmesini Sağlayın

5.1 Özel Bir Favicon Ekleyin

5.2 Özel Meta Bilgileri Ekleyin

5.3 Analitik (isteğe bağlı)

<head> içine GA / Plausible snippet'lerini yapıştırın; GitHub Pages önbellekleme başlıklarına saygı duyar.

🔧 Sorun Giderme

🎉 Özet

💡 Sonraki Adımlar

Artık gerçek bir web sitesi sahibisiniz—GitHub Pages bağlantınızı paylaşın ve yaratıcılığınızı dünyaya gösterin!

`<head>` içine GA / Plausible snippet'lerini yapıştırın; GitHub Pages önbellekleme başlıklarına saygı duyar.