GitHub Pages ile Apex domain desteklemeyen bir siteye yönlendirme yapmak

Apex Domain (yemreak.com gibi) desteklemeyen siteler icin nasil yonlendirme yapilir

GitHub Üzerinden Bir Repo Açın

  • Repoyu açtıktan sonra aşağıdaki dosyaları ekleyin:

index.html Asıl yönlendirme için URLINIZI BURAYA YAZIN kısmını düzenlemeyi unutmayın.
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="refresh" content="0;url=https://www.yemreak.com" />
		<title>Yönlendirme</title>
		<style>
			body {
				font-family: "Arial", sans-serif;
				height: 100vh;
				margin: 0;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: #f5f5f5;
			}
			.container {
				text-align: center;
				animation: fade 2s;
			}
			@keyframes fade {
				0% {
					opacity: 0;
					transform: translateY(30px);
				}
				100% {
					opacity: 1;
					transform: translateY(0);
				}
			}
			.spinner {
				border: 8px solid rgba(255, 255, 255, 0.3);
				border-radius: 50%;
				border-top: 8px solid #333;
				width: 60px;
				height: 60px;
				animation: spin 1s linear infinite;
				margin: 0 auto 20px;
			}
			@keyframes spin {
				0% {
					transform: rotate(0deg);
				}
				100% {
					transform: rotate(360deg);
				}
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="spinner"></div>
			Yönlendiriliyorsunuz... Eğer yönlendirme otomatik olarak gerçekleşmezse,
			<a href="https://www.yemreak.com">tıklayın</a>.
		</div>
		<script type="text/javascript">
			// Mevcut URL'den slug'ı al
			var currentSlug = window.location.pathname

			// Yönlendirme yapılacak URL'i oluştur
			var newBaseURL = "URLINIZI BURAYA YAZIN"
			var newURL = newBaseURL + currentSlug

			// 2 saniye sonra oluşturulan yeni URL'e yönlendirme yap
			setTimeout(function () {
				window.location.href = newURL
			}, 2000)
		</script>
	</body>
</html>
404.html Slug yönlendirmelerinde hata olursa bu dosya kullanılacak ve yönlendirme yapılacak.
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Yönlendirme</title>
	</head>
	<body>
		<script type="text/javascript">
			// Slug'ı al
			const slug = window.location.pathname
			// Yönlendirme yapılacak URL'i oluştur
			const newURL = `URLINIZI BURAYA YAZIN/${slug}`
			// Yönlendir
			window.location.href = newURL
		</script>
	</body>
</html>
7vBusDB.png

Domain Servis Sağlayıcınızdan DNS Ayarlarını Yapın

  • Ben Google Domains kullandığımdan DNS ayarlarından Custom records kısmına ekleme yapıyorum:

    • Host Name için subdomain seçenekleri (www, lib, help …)

    • Type için CNAME seçeneği ve

    • Data için username.github.io bilgilerinizi girin.

      pVWC6YX.png

  • Eğer Apex domain yapacaksanız:

    • Host Name kısmını boş bırakın.

    • Type için A seçeneğini seçin.

    • Data için 4 adet IP adresi ekleyin.

      Untitled.png
AgVEfpc.png

GitHub Reposunu GitHub Pages ile Yayınlayın

  • Settings ⇒ Pages ⇒ Custom Domain kısmına domain bilginizi girin:

    • Apex domain için [yemreak.com](http://yemreak.com) şeklinde girebilirsiniz.

    M4gs7uM.png
    Gj3SUuL.png

  • DNS onaylandıktan sonra CNAME isimli bir dosya repoya eklenecek ve yönlendirme tamamlanacak.

PreviousGit ile tum commit gecmisini temizleme ve sifirdan yeni commit ile pushlamakNextGoogle Cloud uzerindeki sunucuda websocket tcp baglantilarina izin vermek icin f

Last updated

Was this helpful?