GitHub Pages ile Ücretsiz Web Sitesi Yayınlama: Alan Adı, Tema ve Güncelleme Süreci

GitHub Pages ile web sitesi yayınlama, temel bir tanıtım sitesi, portföy veya dokümantasyon sayfası oluşturmak isteyenler için hosting ücreti ödemeden uygulanabilir. Bunun için bir GitHub hesabı, site dosyaları ve doğru depo ayarları yeterlidir. Kod bilgisi sınırlıysa hazır bir HTML şablonuyla başlayabilir, daha sonra dosyaları değiştirerek siteyi geliştirebilirsiniz.

GitHub Pages için hangi site yapısı uygundur?

GitHub Pages, statik dosyaları yayınlar. HTML, CSS, JavaScript ve görsel dosyalarla hazırlanan sayfalar bu yapıya uygundur. Blog, kişisel portföy, etkinlik duyurusu, proje tanıtım sayfası veya basit bir işletme sitesi oluşturabilirsiniz. Bu başlıkla ilişkili ek bilgiler Yazılım ve Web kategorisindeki ilgili yazılar içeriğinde yer alıyor.

Sunucu tarafında çalışan PHP, Python veya Node.js uygulamaları doğrudan GitHub Pages üzerinde çalışmaz. Kullanıcı girişi, veritabanı, ödeme altyapısı ya da yönetim paneli gereken bir proje hazırlıyorsanız harici bir backend hizmetine ihtiyaç duyarsınız. Bu sınırı baştan bilmek, yanlış platform seçmenizi önler.

Depo oluşturma ve site dosyalarını yükleme

GitHub Pages ile web sitesi yayınlama işleminde ilk adım, dosyaların tutulacağı bir repository yani depo oluşturmaktır. GitHub hesabınıza giriş yaptıktan sonra yeni bir depo açın. Depo adını, sitenin türüne göre seçebilirsiniz:

• Proje sitesi için herhangi bir depo adı kullanılabilir.
• Kullanıcı sitesi için depo adının GitHub kullanıcı adınızla aynı olması ve sonuna .github.io eklenmesi gerekir.
• Depoyu herkese açık oluşturmanız, ücretsiz Pages kullanımında en sorunsuz seçenektir.

Basit bir başlangıç için deponun ana dizinine index.html dosyası ekleyin. Bu dosya sitenin giriş sayfasıdır. Aynı dizine bir style.css dosyası ve images klasörü ekleyerek tasarımı düzenleyebilirsiniz. Dosya adlarında Türkçe karakter ve boşluk kullanmamak, bağlantı hatalarını azaltır.

Dosyaları GitHub arayüzündeki Add file seçeneğiyle tek tek yükleyebilir veya bilgisayarınızdaki Git yazılımıyla depoya gönderebilirsiniz. Kod bilgisi sınırlı kullanıcılar için tarayıcı üzerinden dosya yükleme yöntemi başlangıçta daha kolaydır.

GitHub Pages ayarlarını doğru sırayla açma

Dosyalar yüklendikten sonra depo içindeki Settings bölümünü açın ve Pages sayfasına geçin. Yayın kaynağı olarak genellikle belirli bir branch ve bu branch içindeki klasör seçilir. Dosyalar ana branch üzerinde ve kök dizindeyse kaynak olarak ana branch ile /(root) seçeneğini kullanın.

1. Yayınlanacak branch’i belirleyin.
2. Dosyaların bulunduğu klasörü seçin.
3. Kaydetme seçeneğiyle ayarı onaylayın.
4. GitHub’ın oluşturduğu yayın adresini kontrol edin.

İlk yayın birkaç dakika sürebilir. Sayfa açılmıyorsa önce dosya adını, branch seçimini ve depo görünürlüğünü kontrol edin. Ana sayfanın adı index.html değilse GitHub Pages giriş dosyasını bulamayabilir.

Hazır tema kullanırken nelere dikkat edilmeli?

GitHub Pages üzerinde tema kullanmanın iki yaygın yolu vardır. Hazır HTML şablonunu doğrudan düzenleyebilir veya Jekyll tabanlı bir tema seçebilirsiniz. İlk yöntem, teknik ayarları azaltır; ikinci yöntem ise blog yazıları ve ortak sayfa şablonları için daha düzenli bir yapı sunar.

Şablon indirirken dosyaların gerçekten statik olarak çalışıp çalışmadığını kontrol edin. Bazı temalar özel eklentiler, sunucu ayarları veya derleme araçları ister. Sadece HTML, CSS ve JavaScript içeren bir tema, GitHub Pages ile web sitesi yayınlama sürecinde daha az sorun çıkarır.

Temayı yükledikten sonra şu alanları mutlaka değiştirin:

• Sayfa başlığı ve açıklama metni
• Menü bağlantıları
• Favicon ve sosyal medya görselleri
• İletişim bilgilerinin yer aldığı alanlar
• Mobil ekranlarda taşan genişlik ve yazı boyutları

Özel alan adı GitHub Pages’e nasıl bağlanır?

GitHub’ın verdiği github.io adresiyle yayın yapabileceğiniz gibi kendi alan adınızı da bağlayabilirsiniz. Önce alan adı sağlayıcınızın DNS panelinde gerekli kayıtları oluşturmanız gerekir. Kök alan adı için kullanılan kayıt türleri sağlayıcıya göre değişebilir; www alt alan adı ise çoğunlukla GitHub Pages adresini gösteren bir CNAME kaydıyla yönlendirilir.

GitHub deposundaki Pages ayarlarında bulunan Custom domain alanına alan adınızı yazın ve kaydedin. Ardından DNS değişikliklerinin yayılmasını bekleyin. Bu süre sağlayıcıya ve kayıt türüne göre değişebilir. Alan adı çalıştığında HTTPS seçeneğini etkinleştirin. Sertifika hazırlanmadıysa HTTPS kutusu hemen aktif olmayabilir; kısa bir süre sonra ayarı yeniden kontrol edin.

Alan adı bağlantısında en sık görülen hatalar, yanlış CNAME hedefi, eksik DNS kaydı ve eski yönlendirme kayıtlarının silinmemesidir. Hem alan adının kök hâlini hem de www sürümünü test edin.

Yayınlanan site nasıl güncellenir?

GitHub Pages ile web sitesi yayınlama sonrasında içerik güncellemek için ilgili HTML, CSS veya görsel dosyasını değiştirip yeniden depoya yüklemeniz yeterlidir. GitHub, branch’e gönderilen değişiklikleri algılar ve siteyi yeniden oluşturur.

Değişiklik yaptıktan sonra sayfayı hemen göremiyorsanız tarayıcı önbelleğini temizleyin veya gizli sekmede açın. CSS değişiklikleri için dosya bağlantısına sürüm parametresi eklemek de önbellek sorunlarını azaltabilir. Örneğin style.css?v=2 biçimindeki bir bağlantı, tarayıcıya yeni dosyayı kontrol etmesini söyler.

Düzenli çalışırken her güncellemede önce küçük bir değişiklik yapın. Site bozulursa son çalışan sürüme dönmek daha kolay olur. Büyük değişiklikleri doğrudan ana branch yerine ayrı bir branch üzerinde denemek de güvenli bir yöntemdir.

Yayın öncesi kontrol listesi

• Giriş dosyası index.html olarak adlandırıldı mı?
• Menüdeki tüm bağlantılar doğru sayfaya gidiyor mu?
• Görseller yükleniyor ve alternatif metin içeriyor mu?
• Site telefonda okunabilir görünüyor mu?
• Alan adı hem www hem de www olmayan sürümde test edildi mi?
• HTTPS etkin ve tarayıcıda güvenli bağlantı görünüyor mu?
• Güncellemeden sonra değişikliklerin yayınlandığı doğrulandı mı?

Basit bir portföy veya tanıtım sitesi için GitHub Pages, dosya yönetimi ve temel web bilgisiyle sürdürülebilir bir seçenek sunar. GitHub Pages ile web sitesi yayınlama sürecinde en önemli noktalar doğru giriş dosyasını kullanmak, Pages kaynağını doğru branch’e bağlamak ve alan adı DNS kayıtlarını dikkatle kontrol etmektir.