CodeBlanks Logo Icon CodeBlanks

Pages nedir?

GitHub Pages ile statik site yayınlamayı öğrenirsin.

GitHub Pages nedir?

GitHub Pages, depodaki statik dosyalardan web sitesi yayını yapan bir hosting hizmetidir. HTML, CSS ve JS dosyalarından oluşan siteleri internette yayınlarsın. Yayın için depoda bir index.html dosyası bulunmalıdır.

echo "Merhaba" > index.html

Bu dosya sitenin ana sayfası olarak sunulur.

Statik site ve hosting

Statik site, sunucu tarafında kod çalıştırma gerektirmeyen HTML, CSS ve JS dosyalarından oluşur. İçerik her istekte aynı sunulur; veritabanı gerekmez. Hosting ise bu dosyaların internette erişilebilir olmasıdır.

<!DOCTYPE html>
<html>
  <body>
    <h1>Merhaba</h1>
  </body>
</html>

GitHub Pages bu hosting işini ücretsiz olarak yapar.

Uygulama İlk sayfayı oluştur

index.html dosyasını oluşturup içine merhaba yaz. Dosyayı ekle, sessizce kaydet ve içeriğini ekrana yazdır.

Başlangıç kodu

terminal
git init -q
# 1) index.html olustur
# 2) icine merhaba yaz
# 3) ekle ve sessizce kaydet
# 4) dosya icerigini yazdir

Örnek çözüm

terminal
git init -q
echo "merhaba" > index.html
git add index.html
git commit -q -m "ilk sayfa"
cat index.html

Beklenen çıktı

merhaba

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 GitHub Pages ne tür siteler yayınlar?

  • HTML, CSS ve JS dosyalarından oluşan statik siteler Doğru cevap
  • Mobil uygulama mağazaları
  • Veritabanı gerektiren dinamik uygulamalar
  • Yalnızca Python betiklerini çalıştıran siteler

Açıklama: GitHub Pages yalnızca statik siteler yayınlar; HTML, CSS ve JS dosyaları sunucu tarafında çalıştırılmadan sunulur.

2 Ana sayfayı oluştur

Soru
echo "merhaba" > ____.html
Cevap
echo "merhaba" > index.html

Açıklama: Sitenin ana dosyası index.html olmalıdır; GitHub Pages bu dosyayı ana sayfa olarak sunar.

3 Pages temelleri

Kavram Anlamı
github_pages Statik site yayınlar
static_site HTML ve CSS dosyalarından oluşur
hosting Dosyaları internette sunar
index.html Sitenin ana sayfasıdır

İleri seviye bölümündeki tüm dersler