GitHub Pages ile Ücretsiz Portföy Sitesi Yayınlama: Alan Adı, HTTPS ve Güncelleme Rehberi

GitHub Pages ile ücretsiz portföy sitesi yayınlama, HTML, CSS ve JavaScript dosyalarınızı ayrı bir hosting satın almadan internete açmanın pratik yollarından biridir. Basit bir özgeçmiş, proje vitrini veya kişisel tanıtım sayfası için GitHub deposu oluşturup Pages ayarlarından yayın kaynağını seçmeniz yeterlidir. Site, önce GitHub’ın sağladığı kullaniciadi.github.io adresinde çalışır; isterseniz daha sonra kendi alan adınızı bağlayabilirsiniz.

Portföy için doğru GitHub Pages site türünü seçin

GitHub Pages üç temel kullanım biçimine ayrılır. Kişisel kullanıcı sitesi için depo adının kullaniciadi.github.io olması gerekir. Proje sitesi ise herhangi bir depo üzerinden yayınlanabilir ve adres yapısı genellikle kullaniciadi.github.io/depo-adi şeklindedir. Organizasyon siteleri de benzer şekilde kuruluş adına özel bir depo ile hazırlanır. İlgili ayrıntılar için Yazılım ve Web kategorisindeki ilgili yazılar içeriği de değerlendirilebilir.

Tek bir kişisel portföy hazırlıyorsanız kullanıcı sitesi daha temiz bir URL sağlar. Birden fazla proje için ayrı tanıtım sayfaları oluşturacaksanız proje siteleri daha esnek olabilir. GitHub Pages hızlı başlangıç rehberi, bu site türleri arasındaki temel kurulum akışını açıklar.

GitHub Pages ile ücretsiz portföy sitesi yayınlama adımları

1. GitHub hesabınıza giriş yapın ve yeni bir depo oluşturun.
2. Kişisel site hazırlıyorsanız depo adını kullanıcı adınızla birlikte kullaniciadi.github.io biçiminde yazın.
3. Depoya en az bir index.html dosyası ekleyin. CSS ve JavaScript dosyalarını düzenli klasörlerde tutun.
4. Depoda Settings > Pages yolunu açın.
5. Build and deployment bölümünde yayın kaynağı olarak ilgili dalı, çoğu basit proje için main dalını seçin.
6. Kaydetme işleminden sonra Pages bölümündeki site adresini açın.

GitHub’ın resmi kurulum dokümanına göre değişikliklerin yayına yansıması birkaç dakika sürebilir; bazı durumlarda bu süre 10 dakikaya kadar çıkabilir. GitHub Pages sitesi oluşturma belgeleri, depo görünürlüğü, giriş dosyası ve yayın kaynağı seçeneklerini ayrıntılandırır.

Portföy dosyalarını yayına hazırlama

Portföy sitesinin ana sayfası mutlaka index.html dosyasından başlamalıdır. Ana sayfada kısa bir tanıtım, uzmanlık alanları, seçili projeler, kullanılan teknolojiler ve iletişim yöntemi bulunabilir. Proje kartlarında yalnızca ekran görüntüsü kullanmak yerine projenin amacı, sizin katkınız ve canlı demo ya da kod bağlantısı da verilmelidir.

Proje sitesi kullanıyorsanız dosya yollarına dikkat edin. /style.css gibi kökten başlayan yollar, depo adı URL’ye eklendiğinde bazı dosyaların yüklenmemesine yol açabilir. Bunun yerine göreli yollar veya kullandığınız site yapısına uygun bir base ayarı kullanın. Görselleri küçültmek, mobil ekranları test etmek ve eksik bağlantıları kontrol etmek yayın öncesi temel kontrollerdir.

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

GitHub Pages ile ücretsiz portföy sitesi yayınlama sürecini profesyonel bir alan adıyla tamamlamak için önce alan adı sağlayıcınızın DNS paneline erişmeniz gerekir. GitHub Pages ayarlarında Custom domain alanına kullanacağınız adresi yazın ve kaydedin.

www.ornek.com gibi bir alt alan adı kullanıyorsanız DNS panelinde www için bir CNAME kaydı oluşturup bunu kullaniciadi.github.io adresine yönlendirin. Kök alan adı olan ornek.com için GitHub, A kayıtlarında kendi Pages IP adreslerinin kullanılmasını önerir. DNS sağlayıcınız eski veya çakışan kayıtları koruyorsa doğrulama ve sertifika işlemi başarısız olabilir.

GitHub, özel alan adını eklemeden önce alan adını doğrulamayı öneriyor. Bu işlem, alan adınızın başka bir kullanıcı tarafından farklı bir depoda kullanılmasına karşı ek güvenlik sağlar. Ayrıntılı kayıt türleri ve doğrulama adımları özel alan adları için GitHub Pages belgelerinde yer alıyor.

HTTPS kontrolü ve sertifika sorunları

Alan adı DNS kayıtları doğru çözümlendikten sonra depo ayarlarındaki Pages bölümünde Enforce HTTPS seçeneğini etkinleştirin. GitHub Pages, doğru yapılandırılmış özel alan adları için TLS sertifikası oluşturmayı otomatik olarak dener. Sertifika hazır değilse DNS değişikliklerinin yayılmasını bekleyin ve alan adının yalnızca GitHub Pages kayıtlarına yönlendiğini kontrol edin.

Sayfa HTTPS ile açıldığı hâlde tarayıcı uyarı veriyorsa HTML, CSS, JavaScript ve görsellerde http:// ile başlayan kaynakları arayın. HTTPS sayfada HTTP kaynak kullanılması karma içerik uyarısına neden olabilir. GitHub’ın HTTPS dokümanı, DNS kayıtlarını ve sertifika oluşturma sürecini kontrol etmek için güncel örnekler sunar.

Portföyü güncelleme ve yayın hatalarını izleme

GitHub Pages ile ücretsiz portföy sitesi yayınlama avantajlarından biri, güncellemelerin GitHub deposundaki değişikliklerle yönetilmesidir. Yeni bir proje eklemek için dosyaları yükleyin veya düzenleyin, ardından değişikliği ilgili dala commit edin. Branch tabanlı yayın kullanıyorsanız Pages, seçtiğiniz dalda yapılan değişiklikleri yeniden yayınlar.

• Site açılmıyorsa Pages bölümünde yayın kaynağının doğru dal ve klasör olduğuna bakın.
• CSS veya görseller görünmüyorsa dosya yollarını ve büyük-küçük harf kullanımını kontrol edin.
• Özel alan adı çalışmıyorsa DNS kayıtlarında eski CNAME, A veya AAAA kayıtlarını inceleyin.
• Actions ile dağıtım kullanıyorsanız başarısız iş akışının günlüklerini açın.
• Değişiklik görünmüyorsa tarayıcı önbelleğini temizleyip birkaç dakika sonra tekrar deneyin.

GitHub Actions kullanan projelerde yayın sürecini workflow çalıştırmaları üzerinden takip edebilirsiniz. GitHub’ın yayın kaynağı yapılandırma rehberi, branch yayını ile özel Actions akışı arasındaki farkları açıklar.

GitHub Pages’in portföy sitesi için sınırları

GitHub Pages, statik içerik sunmak için uygundur; PHP, Ruby veya Python gibi sunucu tarafında çalışan dilleri çalıştırmaz. Bu yüzden iletişim formu, üyelik, ödeme veya veritabanı gerektiren özellikler için harici bir servis ya da ayrı bir backend gerekir.

GitHub’ın güncel sınırlarına göre yayınlanan Pages sitesinin boyutu 1 GB’ı, önerilen aylık bant genişliği ise 100 GB’ı geçmemelidir. Dağıtımlar 10 dakikadan uzun sürerse zaman aşımına uğrayabilir ve saatlik derleme sayısına ilişkin yumuşak bir sınır uygulanabilir. GitHub Pages ayrıca çevrim içi mağaza, hassas veri toplama veya ödeme işlemleri için tasarlanmış bir hosting hizmeti değildir. Bu sınırlar, GitHub Pages kullanım limitleri sayfasında belirtilir.

Yayın öncesi kontrol listesi

• İçerik: Hakkımda, projeler, beceriler ve iletişim bölümleri tamam mı?
• Teknik: Ana sayfa, CSS, görseller ve bağlantılar hatasız açılıyor mu?
• Mobil: Site dar ekranlarda yatay kayma oluşturmuyor mu?
• Alan adı: DNS kayıtları yalnızca gerekli hedeflere yönleniyor mu?
• Güvenlik: HTTPS zorlaması açık mı ve karma içerik uyarısı var mı?
• Güncelleme: Yeni bir commit sonrasında yayın durumunu kontrol ediyor musunuz?

Basit ve hızlı güncellenen bir proje vitrini arıyorsanız GitHub Pages yeterli olabilir. Ziyaretçi hesabı, ödeme, özel veritabanı veya yoğun trafik gerektiren bir sistem kuracaksanız statik hosting sınırlarını aşmadan önce farklı bir altyapı planlamanız gerekir.