Github Pages ile Geliştiricilere Ücretsiz Blog

Geliştiriciler için basit ve hızlı blog oluşturma.

Geliştirici olan herkesin hayalidir bir blog tutmak. Jekyll ile bu çok kolay. Bu yazımda, Github üzerinde HTML sayfası nasıl görüntülenir? Jekyll nedir? Jekyll Nasıl kurulur? Jekyll Projesi Nasıl Oluşturulur? Nasıl yayınlanır? konuları üzerinde duracağım.

Github Üzerinde HTML Sayfası Nasıl Görüntülenir?

İlk olarak Github hesabımıza giriş yaptıktan sonra New repository butonuna basarak yeni bir çalışma alanı oluşturalım.

yeni_repository_olusturmak

New repository butonuna bastığımızda aşağıdaki Create a new repository sayfası açılacak. Bu sayfadan projemizin adını {kullanıcı adım}.github.io şeklinde veriyoruz. İsterseniz README dosyasını da ekleyebilirsiniz. Sonra Create repository butonuna bastığımızda yeni çalışma alanımız oluşmuş olacak.

github_pages_io_repository_olusturmak

Github Pages’ ın yayına girip girmediğini kontrol etmek için çalışma alanının ayarlarına göz atmamız gerekiyor.

github_repository_olustuAyarlar sayfasına girdiğimizde Github Pages alanında aşağıdaki resimde olduğu gibi gözüküyorsa Github Pages başarıyla yayına girmiştir.

github_pages_url

Bu bağlantıya tıkladığımız zaman 404 sayfası ile karşılaşacağız. Çünkü index.html dosyası oluşturmadık.

github_pages_github_page_404

Index.html dosyası oluşturmak için çalışma alanımıza geri dönüp Create new file butonuna basarak yeni bir dosya oluşturalım.

github_pages_create_new_file_index_html

Açılan sayfadan dosyamızın adını index.html olarak belirledikten sonra içeriğine bir şeyler yazalım.

github_pages_index_html_tag

Index.html dosyasının içeriğini hallettikten sonra aynı sayfanın hemen altında yer alan Commit new file butonuna tıklıyoruz.

github_pages_index_html_commit

Index.html sayfamız oluştuğuna göre artık Github sayfamızı tekrar kontrol edebiliriz. Eğer oluşturduğunuz index.html dosyası görüntülendiyse doğru yoldasınız. Buraya kadar hiçbir sorun yaşamadan geldiyseniz devam edebiliriz.

Jekyll Nedir?

Jekyll, Ruby ile yazılmış bir uygulamadır. Basit ama güçlü bir alt yapıya sahip statik site oluşturucusudur. Markdown veya Textile formatında yazdığınız sayfayı statik HTML sayfasına dönüştürür.

Jekyll Nasıl Kurulur?

Dikkat! Ben Windows kullandığım için Windows kurulumunu baz alıyorum.

İlk olarak Ruby‘yi indirip kurmamız gerekiyor. www.ruby-lang.org/tr/downloads

Ruby’yi kurduktan sonra RubyGems‘i kurmamız gerekiyor. rubygems.org/pages/download

Kurulumun başarılı olup olmadığını anlamak için Komut Satırını (Nam-ı diğer Cemede) açıyoruz.

Ruby için aşağıdaki komutu yazıyoruz.

ruby -v

Eğer versiyon numarası gözükürse başarıyla yüklenmiştir

Aynı durum RubyGems için de geçerli. Bunun için de aşağıdaki komutu yazıyoruz.

gem -v

Versiyon numarasını gördüysek sıkıntı yok.

ruby_gem

Ruby’yi ve RubyGems’i yükledikten sonra şimdi sıra Jekyll‘in yüklenmesine geldi. Bu sefer komut satırına aşağıdaki komutu yazıyoruz.

gem install jekyll

Jekyll’in yüklenmesi tamamlandığında yine versiyon kontrolü ile yüklenme durumuna bakabilirsiniz.

Bütün kurulumları tamamladık. Şimdi Jekyll ile ilk blogumuzu oluşturmaya hazırız.

Jekyll Projesi Nasıl Oluşturulur?

Yeni boş bir klasör açıp içerisinde komut satırını çalıştıralım ve aşağıdaki komutu çalıştıralım.

jekyll new {proje adı}

cmd_jekyll

Projemiz oluştuktan sonra projemizin bulunduğu dizine geçelim.

cd {proje adı}

cmd_cd

Projemizin bulunduğu dizine geçtikten sonra localhost üzerinde test edebiliriz. Bunun için yine komut satırına aşağıdaki komutu yazalım.

jekyll serve

jekyll_serve

Bu komutu yazdığımızda localhost:4000 adresinden projemizin çalışır halini görebiliriz.

localhost

Projemizi oluşturduk. Şimdi sırada Github üzerindeki çalışma alanına atmak kaldı.

Nasıl yayınlanır?

Oluşturduğumuz Jekyll projemizi Github çalışma alanımıza atmak için Github Desktop uygulamasını indirip kurmamız gerekiyor. desktop.github.com

Github Desktop uygulamasını kurduktan sonra Github üzerindeki projemize giderek Clone or download butonuna tıklayıp açılan yerden Open in Desktop butonuna tıkladığımızda Github Desktop uygulaması devreye girecek ve çalışma alanımızı nereye oluşturacağını seçtikten sonra çalışma alanımızın kendi diskimize klonlandığını göreceğiz. Jekyll projemizi klonladığımız Github çalışma alanına kopyala yapıştır yaptıktan sonra Commit ediyoruz. Commit ve Sync işlemlerini tamamladıktan sonra projemizin {kullanıcı adım}.github.io adresinden çalışıp çalışmadığını kontrol edebiliriz.

Bu yazım da burada son bulsun. Bir sonraki yazımda {kullanıcı adım}.github.io şeklinde olan adresi istediğimiz bir alan adı ile açma yani Custom Domain üzerine olacak.

Github Pages Custom Domain üzerine yazdığım yazımı da okumak ister misin?

Olur ya bir gün görüşemezsek iyi günler, iyi akşamlar ve iyi geceler…

Github Pages ile Geliştiricilere Ücretsiz Blog
Rate this post
2 Comments

Add a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.