Önceki yazılarımızda Hugo aracını tanımıştık, bilgisayarımıza yüklemiştik ve ilk sitemizi yapmıştık. Şimdi ise oluşturduğumuz siteyi github’a gönderip ücretsiz olarak host edeceğiz.
Bunun için öncelikle github.com sitesinden hesap açmamız gerekmekte. Daha sonra yeşil “New” butonuna basarak yeni repository yaratacağız.
Karşımıza aşağıdaki gibi ekran çıkıyor. Burada repository adımızı yazıyoruz. Ben bu örnekte test yazdım, siz ne isterseniz onu yazabilirsiniz. Kalan ayarları değiştirmenize gerek yok. Bu şekilde “Create Repository” butonuna basarak kaydedebilirsiniz.
Şu aşamada site adresimizi aldık. github’a üye olurken belirlediğiniz bir kullanıcı adı var. Sitemizin adı https://githubkullanıcıadı.github.io/test şeklinde olacak. Bunu hemen hugo sitemize söyleyelim. Bir önceki yazımızda yarattığımız test sitemizin config.toml dosyasını açalım. En üst satırda yer alan “baseURL” bölümüne aşağıdaki adresi girin (Yani sitenizin domain adresinizi). Burada önemli olan bir detay, test yazdıktan sonra mutlaka / ile kapatın.
Sitemizi zaten yapmıştık. Domain adresini de girmiş olduk. Artık statik dosyalarımızı alabiliriz. Bunun için Windows komut satırını çalıştıralım. cd komutu ile test klasörümüze gidelim. Vereceğimiz komut hugo komutu. Bu komut yarattığımız sitemizi derleyecek ve bize html sayfalarımızı verecek. Test site klasörünüze bakarsanız orada daha önce olmayan, public adında bir klasör olduğunu görürsünüz. Bu public klasörünün altındaki dosyalar sizin statik site dosyalarınız. Bu dosyaları birazdan github’a gönderip sitemizi dünyaya açacağız.
Şimdi bilgisayarımıza Github Desktop kuracağız. Şuradaki adrese girerek bilgisayarınıza Github Desktop programını indirip kurulumu gerçekleştirin. Kurulum işlemi tamamlandıktan sonra github kullanıcı adı ve şifrenizi girerek giriş yapın.
Şimdi oluşturduğumuz “test” repository’sini bilgisayarımıza klonlayacağız. Bunun için aşağıdaki görselde gördüğünüz gibi “Current Repository” bölümüne tıklayıp açılan bölümden “Clone Repository” seçeneğini seçin.
Çıkan ekrandan test repository’nizi seçin ve “Clone” butonuna tıklayın. Varsayılan olarak masaüstünüze “test” adında boş bir klasör oluşturulacak.
Şimdi public klasörünün altındaki tüm dosyaları seçin ve kopyalayın, masaüstündeki test klasörünün altına yapıştırın.
Github desktop programına döndüğünüzdeki aşağıdaki gibi bir ekran ile karşılaşacaksınız. Önce “ilk yayin” yazan bölüme bir başlık yazın. Daha sonra “Commit to master” butonuna basın ve son olarak sağ tarafta “Publish branch” butonuna basın. Bu aşamaları sitenizi güncellerken de kullanacaksınız.
Şimdi biraz bekleyeceğiz. Sitemizin dosyaları github sunucularına upload oluyor. İşlem bittikten sonra github.com’a dönüp repository sayfamızı açalım. En üstte yer alan sekmelerden en sağdaki “Settings” sekmesine tıklayın. Alt tarafta “Source” bölümünü “Master Branch” olarak değiştirin.
Hepsi bu kadar. Artık https://githubkullanıcıadı.github.io/test adresinde siteniz tüm dünyaya açık olarak yayınlanmış durumda. Sayfanız hemen gelmeyebilir, birkaç dakika beklemeniz gerekebilir. Bir de githubkullancıadı bölümüne, github’a üye olurken belirlediğiniz kullanıcı adınızı yazacaksınız elbette.
Sitenizi ileride güncellemek istediğinizde aynı adımları tekrarlayacaksınız. Burada tek dikkat etmeniz gereken komut satırında hugo komutunu çalıştırmadan önce var olan public klasörünü silmeniz. Bunu yapmazsanız eski ve yeni versiyonlar çakışabilir. public klasörünü silin, hugo komutunu çalıştırın. Yeni oluşturulacak public klasörünün altındaki dosyaları, masaüstünüzdeki test klasörünün içine kopyalayın. Yeni dosyaları eskilerinin üzerine yazın ve Github Desktop uygulamasını açıp yeni versiyonunuzu push edin. Hepsi bu kadar. Her seferinde aynı aşamaları gerçekleştireceksiniz ve alıştıktan sonra aslında bunun ne kadar kolay olduğunu fark edeceksiniz.
Bir sonraki yazımda github’a custom domainimizi nasıl ekleyeceğimizi anlatacağım.