Hugo Sitenize Fotoğraf Eklemek

Hugo veya Jekyll veya herhangi bir uygulama ile statik site yaparken zorlanacağınız konulardan biri de fotoğraflar oluyor. Özellikle de sitenizi Github Pages’da ücretsiz olarak host edecekseniz Github’un bazı limitlerine takılmanız olası. Github’da yayınlayacağınız her bir sitenin maksimum boyutu 1 GB olmak zorunda. Aylık bandwidth limitiniz ise 100 GB. Siteniz statik sayfalardan oluştuğu için ve hemen her şeyi outsource ettiğiniz için bu limitler oldukça yeterli. Zaten yer kaplayabilecek hemen her şeyi Dropbox, Youtube, Google Drive gibi harici ve ücretsiz servislerde depolayıp sitenize entegre edebilirsiniz. [Devamı...]

Github Sitenizi Kendi Domainine Yönlendirin

Bugüne kadar Hugo sitemizi yaptık, Github’da yayınlama başladık fakat henüz sitemize Github’un verdiği subdomain ile ulaşılabiliyor. Kendi domainimiz var ise bunu kullanabiliriz. Bunu da yapmak çok basit. Öncelikle Github’da Settings bölümüne geliyoruz. Altta Custom domain bölümüne gelip sahip olduğunuz domain ismini yazın ve Save butonuna tıklayın. Şimdi domain kullanıcı panelimize gelip name server yönlendirmesi yapmamız gerekiyor. Domaininizi satın aldığınız servisin domain yönetim paneline girin. DNS Zone bölümüne tıklayın ve aşağıda görebileceğiniz gibi 4 adet A yönlendirmelerinizi yapın. [Devamı...]

Hugo Sitenizi Github'da Yayınlayın

Ö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. [Devamı...]

Hugo ile Statik Site Yapımı

Bir önceki yazımızda Hugo uygulamasını Windows 10 bilgisayarımıza yüklemiştik. Şimdi ilk sitemizi yapacağız. Klavyeden Windows+R tuşlarına basıp çıkan kutuya cmd yazıp klavyeden Enter tuşuna basarak komut satırını çalıştırın. Konsol penceresini açmış olduk. Şimdi Hugo dizini altına gitmemiz gerek. Bunun için konsol satırına aşağıdaki komutu yazın. cd C:\Hugo Artık ilk sitemizi yapmaya hazırız. Bunun için konsol satırına aşağıdaki komutu yazın ve Enter tuşuna basın. hugo new site test content klasörü yazılarınızın bulunacağı klasördür. [Devamı...]

Bilgisayarınıza Hugo Yüklemek

Bir önceki yazımda static site generator’lardan bahsetmiştim. Hugo nedir diye merak ediyorsanız o yazıya göz atabilirsiniz. Bu yazıda ise Windows bilgisayarınıza Hugo nasıl yüklenir bunu öğreneceğiz. Öncelikle şuradaki adresi ziyaret edip, sayfanın altında yer alan versiyonlardan işletim sisteminize uygun olanı bilgisayarınıza indirin. C dizinin altına Hugo adında yeni bir klasör oluşturun. Onun altına da bin adında yeni bir klasör oluşturun. Bilgisayarınıza indirdiğiniz zip dosyasının içerisindeki tüm dosyaları bin klasörünün altına kopyalayın. [Devamı...]

Static Site Dünyasına Giriş

Statik Site Nedir? Statik web siteleri veritabanına ihtiyaç duymayan, tamamen html dosyalarından oluşan sitelerdir. Jekyll, Hugo vs. Nedir? Yakın zamanda hayatımıza static site generator dediğimiz uygulamalar girdi. Bu uygulamalar markdown dilinde yazmış olduğumuz yazıları html dosyalarına çevirmek için birer araç aslında. Şu anda onlarcası bulunan uygulamaların ilki ve halen en popüleri Jekyll. Onu Hugo takip ediyor. Neden Statik Site Yapmak İsteyelim? Çünkü bu tür siteleri yapmak çok kolay ve çok hızlı. [Devamı...]