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.

PreviousVS Code web kodlarini tarayici uzerinde gostermekNextTypesciprt ile async git komutu calsitirmak

Last updated

Was this helpful?