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

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

PreviousVS Code web kodlarini tarayici uzerinde gostermek NextTypesciprt ile async git komutu calsitirmak

Last updated 1 year ago

Was this helpful?

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>

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.
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.

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.
DNS onaylandıktan sonra CNAME isimli bir dosya repoya eklenecek ve yönlendirme tamamlanacak.

PreviousVS Code web kodlarini tarayici uzerinde gostermek NextTypesciprt ile async git komutu calsitirmak

Last updated 1 year ago

Was this helpful?

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>

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

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.