GitHub Pages ile Cloudflare Üzerinden Bir Repository Özel Bir Alan Adına Nasıl Bağlanır?

Mustafa Dikyar
3 min readNov 1, 2023

Herkese selam,

Bugün, GitHub Pages’ı kullanarak bir repository’i özel bir alan adına nasıl bağlayacağınız konusu üzerinde duracağız.

Bu işlem için ihtiyacınız olan temel ihtiyaçlarımız:

  • Bir adet alan adı (domain),
  • GitHub hesabı :)

Kaynak Repository : https://github.com/mustafadikyar/mustafadikyar.github.io

Hazırsanız, başlayalım!

1- GitHub Repository’si Oluşturma

İlk adım olarak, GitHub hesabınıza giriş yapın ve yeni bir repository oluşturun. Bu repository, web sitesinin kaynak kodlarını içerecek ve GitHub Pages üzerinde yayınlanacak.

Yeni repository’nizi oluşturduktan sonra, diğer adımlara geçmeye hazır olacaksınız.

Oluşturduğumuz repository’e dosyalarımızı yüklüyoruz. Nasıl yükleyeceğim gibi bir soru işaretiniz var ise repository’i oluşturduktan sonra gelen sayfadaki yönergeleri izleyebilirsiniz.

Oluşturduğumuz repository’i localimize klonlayarak proje dosyalarımızı ilgili repository’e gönderiyoruz.

Evet, her şey çok güzel. Bir kaç adım sonra sonuca ulaşacağız.

2- GitHub Repository Ayarlarını Güncelleyin:

  • GitHub reposunuzun ana dizininde, “CNAME” adında bir dosya oluşturun.
  • Bu dosyaya, bağlamak istediğiniz domain adını yazın (örneğin, https://mustafadikyar.com.tr”). Bu dosya ile GitHub’a hangi domaini kullanacağınızı belirtiyoruz.

CNAME dosyasını yapılandırıyoruz ve pushluyoruz.

  • GitHub reposunuzun ayarlar bölümünde, “GitHub Pages” sekmesine gidin.
  • Source olarak projemizin main branch’ini belirtiyoruz.
  • Eğer “CNAME” dosyası oluşturduysanız, burada belirttiğiniz domain ile bazı yapılandırmaların otomatik olarak oluştuğunu göreceksiniz.

3- Domain Alın ve DNS Ayarlarını Yapın:

Domain sağlayıcınızın kontrol paneline girip DNS ayarlarınızı yapılandırmanız gerekmektedir.

Bu işlemler domain firmaları arasında değişiklik göstermek ile beraber bazı firmaların bu konuda doğrudan desteği de bulunmamaktadır. Bu yüzden ben Cloudflare kullanmayı tercih ediyorum.

Cloudflare, internet sitelerini daha hızlı ve güvenli hale getiren bir içerik dağıtım ağı (CDN) ve güvenlik hizmetleri sağlayıcısıdır. Kullanıcılar tarafından tercih edilme nedeni, web sitelerini hızlandırarak kullanıcı deneyimini iyileştirmesi ve DDoS saldırılarına karşı güçlü koruma sağlamasıdır.

Cloudflare Konfigurasyonu;

  • Domaininizi cloudflare’e ekleyin.
  • A Kayıtlarınızı aşağıda belirttiğim github ip adreslerine yönlendirin.
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
  • Domaininizi cloudflare’in nameservers (ns) yönlendirin.
  • SSL konfigürasyonunu tamamlayın.

Örnek cloudflare yapılandırması:

cloudflare configs

Ancak, GitHub’ın IP adresleri zaman zaman değişebilir, bu yüzden güncel tutmanız önemlidir.

Unutmayın Github ve DNS ayarlarınızı yaptıktan sonra, propagasyon süresi boyunca (genellikle birkaç saat ile 48 saat arasında) beklemeniz gerekebilir. Bu süre boyunca, domaininizin GitHub Pages’e yönlendirilmesi tamamlanacaktır.

Bu yüzden biraz sabırlı olmalısınız. :)

Sonuç : https://mustafadikyar.com.tr

Mustafa Dikyar Personal Website
mustafadikyar.com.tr

Kaynaklar

--

--