GitHub Sayfalarını nasıl kullanırım?

GitHub bir “sosyal kodlama” sitesidir.

GitHub bir “sosyal kodlama” sitesidir. Depolama için kod dosyalarınızı yüklemenize olanak tanır. Bir sürüm kontrol sistemidir. Daha sonra kod projelerinde işbirliği yapabilirsiniz ve sistem varsayılan olarak açık kaynaklıdır, yani dünyadaki herkes GitHub kodunuzu bulabilir, kullanabilir, ondan öğrenebilir ve geliştirebilir. Bunu başkalarının koduyla da yapabilirsin! Bu makalede, Github’ın gh-sayfaları özelliğini kullanarak içerik yayımlamaya bakacağız.

İçerik yayımlama

Temel olarak GitHub çok önemli ve kullanışlı bir topluluktur ve Git/GitHub çok popüler bir sürüm kontrol sistemidir — çoğu teknoloji şirketi artık iş akışlarında da bunu kullanıyor. GitHub’ın çok kullanışlı bir özelliği daha bulunur. GitHub Sayfaları, web sitesi kodunuzu Web’de yayımlamanızı sağlar.

Temel Github kurulumu

  1. Her şeyden önce Git’i bilgisayarınıza yükleyin. Bu, GitHub’ın üzerinde çalıştığı temel sürüm kontrol sistemi yazılımıdır.
  2. Sonra GitHub hesabı oluşturun. Basit ve kolay bir işlem.
  3. Kaydolduktan sonra, github.com‘a kullanıcı adınız ve şifrenizle giriş yapın.

Kodunuzu karşıya yükleme için hazırlama

İstediğiniz kodu bir Github deposunda saklayabilirsiniz, ancak GitHub Pages özelliğini tam olarak kullanmak için, kodunuz tipik bir web sitesi olarak yapılandırılmalıdır, örneğin birincil giriş noktası index.html adlı bir HTML dosyası olmalıdır.

Devam etmeden önce yapmanız gereken diğer şey, kod dizininizi bir Git deposu olarak başlatmaktır. Bunu yapmak için:

  1. Dizininize (veya web sitenizi içeren dizine ne adlandırdıysanız) girin. Bunun için cd komutunu kullanın (yani”change directory”). Web sitenizi masaüstünüzde çağrılan bir dizine koyduysanız şunları yazabilirsiniz: cd Desktop/test-site
  2. Dizininizdeyken, git init yazın. Bu komut dizininizin git deposuna dönüştürmesini söyler.

Komut satırı arabirimi

Kodunuzu Github’a yüklemenin en iyi yolu komut satırıdır — bu, bir kullanıcı arabiriminin içini tıklatmak yerine dosya oluşturma ve programları çalıştırma gibi şeyler yapmak için komut yazdığınız bir penceredir. Şöyle görünür:

Not: Komut satırında rahat hissetmiyorsanız Git grafik kullanıcı arabirimini de kullanabilirsiniz.

Her işletim sistemi bir komut satırı aracıyla birlikte gelir:

  • WindowsKomut İstemi’ne, Windows tuşuna basıp, ardından Komut İstemi yazarak ve görüntülenen listeden seçerek erişilebilir. Windows’un Linux ve OS X’ten farklı kendi komut kuralları olduğunu unutmayın, bu nedenle aşağıdaki komutlar makinenizde değişebilir.
  • OS XTerminal, Uygulamalar > Yardımcı Programları‘nda bulunabilir.
  • Linux: Genellikle Ctrl + Alt + T ile bir terminal açabilirsiniz. Bu işe yaramazsa, uygulama çubuğunda veya menüde Terminal’i arayın.

Bu ilk başta biraz korkutucu görünebilir, ancak endişelenmeyin – yakında temelleri anlayacaksınız. Bilgisayara, yukarıda görüldüğü gibi bir komut yazıp Enter tuşuna basarak terminalde bir şey yapmasını söylersiniz.

Kodunuz için repo oluşturma

  1. Ardından, dosyalarınızı koyabileceğiniz yeni bir depo oluşturmanız gerekir. GitHub ana sayfasının sağ üst kısmındaki Artı ‘yı (+) tıklatın ve Yeni Depo ‘yu (New Repository) seçin.
  2. Bu sayfada, Depo adı kutusuna, kod deponuz için bir ad girin, örneğin benim depom.
  3. Ayrıca deponuzun ne içereceğini söylemek için bir açıklama doldurun. Ekranınız şöyle görünmelidir:
  4. Depo Oluştur ‘u tıklatın; bu sizi aşağıdaki sayfaya getirmelidir:

Dosyalarınızı GitHub’a yükleme

  1. Mevcut sayfada, … veya varolan bir depoyu komut satırından gönderin. bölümüyle ilgileneceğiz. Aşağıdaki satırın tamamını kopyalayın, komut satırına yapıştırın ve Enter tuşuna basın. Komut şöyle görünmelidir:
git remote add origin https://github.com/chrisdavidmills/my-repository.git
  1. Ardından, her birinden sonra Enter tuşuna basarak aşağıdaki iki komutu da yazın. Bunlar GitHub’a yüklemek için kodu hazırlar ve Git’den bu dosyaları yönetmesini ister.
git add --all 
git commit -m 'dosyalarimi yukluyorum'
  1. Son olarak kodu GitHub’a doğru gönderin.
git push -u origin main
  1. Artık deponuzu “GitHub sayfaları”na dönüştürmeniz gerekir. Bunu yapmak için, deponuzun ana sayfasında Ayarlar‘ı seçin, ardından soldaki kenar çubuğundan Sayfalar’ı seçin. Kaynak altında, “ana depoyu” seçin. Sayfayı yenileyin.
  2. GitHub Sayfaları bölümüne tekrar gidin. “Siteniz https://xxxxxx’de yayımlanmaya hazır” satırını görmeniz gerekir.
  3. Bu URL’ye tıklarsanız, sayfanızın canlı bir sürümüne gidersiniz — tabi anasayfanızın index.html’de olduğunu varsayarsak Sitenizin giriş noktasına başka bir isim verdiyseniz, örneğin myPage.html, https://xxxxxx/myPage.html‘ye gitmeniz gerekir.

Daha fazla GitHub bilgisi

Test sitenizde daha fazla değişiklik yapmak ve bunları GitHub’a yüklemek istiyorsanız, daha önce yaptığınız gibi dosyalarınızda değişiklik yapmanız gerekir. Ardından, bu değişiklikleri GitHub’a iletmek için aşağıdaki komutları girmeniz (her birinden sonra Enter tuşuna basmanız) gerekir:

git add --all
git commit -m 'guncelleme'
git push

Yeni yaptığınız değişikliği açıklamak için “guncelleme” yazısını daha uygun bir iletiyle değiştirebilirsiniz.

Bu yazı topluluk tarafından oluşturuldu. Lisans bilgisine bakabilirsiniz. Yanlış veya eksik bilgileri düzenlemek için github üzerinden katkıda bulunabilirsiniz.

konular

Okumaya devam et!
Sonraki Yazı: Web sitenizi Google App Engine’de nasıl barındırırsınız?

Google Uygulama Motoru Google’ın altyapısında uygulamalar oluşturmanıza ve çalıştırmanıza olanak sağlayan güçlü bir platformdur.

Uygulama – Gezegen verilerini yapılandırma

Tablo değerlendirmemizde size güneş sistemimizdeki gezegenler hakkında bazı veriler sağlıyor ve bunları bir HTML tablosunda yapılandırmanızı istiyoruz.

Uygulama – Mozilla açılış sayfası

Bu değerlendirmede, kılavuzumuzda incelediğimiz bazı teknikler hakkındaki bilginizi test edeceğiz.

HTML tabloları: Temel bilgiler

Bu makalede HTML tablolarında satırlar, hücreler ve başlıklar ile birlikte hücrelerin birden çok sütuna ve satıra yayılması gibi temel bilgileri öğreneceğiz.

Dosyalarla ilgilenme

Bir web sitesi birçok dosyadan oluşur: metin içeriği, kod, stil tabloları, medya içeriği vb.

1 yorum

Yorum Gönderin

E-posta hesabınız yayımlanmayacak.

koddla
Tema Mundana by WowThemes.net.