Hugo ile websitesi yapmak

Bu yazımda şu an içinde bulunduğumuz arifpehlivan.com un nasıl yapıldığı konusunda bilgi vereceğim.

Hugo ile websitesi yapım aşamalarını anlatmadan önce bazı ufak bilgiler paylaşalım.

Yazılım sektöründe websitesi sahibi olmak bir yazılım geliştirici için her zaman iyi bir imaj bırakmaktadır. Bu bilgiyi yaptığım iş görüşmelerindeki insanların yorumlarından ve genel yorumlardan anlıyorum. Peki bir websitesi yapmak ne kadar zaman almaktadır.

Aslında bir websitesi yapmak bir yazılımcı için çok da zor değildir diye umuyorum. Çünkü internette ufak bir araştırmayla static web sitesi oluşturan onlarca tool bulabilirsiniz. Bende static web sitesi oluşturan toollardan Hugo yu kullanıyorum.

Neden Hugo?

Çünkü çok kolay 😄. Içeriklerinizi Markdown formatta yazabilir ve kolay bir şekilde yayına alabilirsiniz.

Aşamalar

Hugo nun bilgisayarınıza kurulması

Bu aşamada adından da anlaşılacağı gibi yapmamız gereken tek şey bu link deki basamakları takip etmemiz.

Quick starter daki basamakları takip ettiğimiz zaman aslında çok basit bir şekilde web sitemiz hazır olmuş oluyor.

Temaya karar verilmesi

Bu aşamada Hugo nun sağlamış olduğu temel ücretsiz temalardan birini seçip kendi websitenizde tanımlayarak özelleştirebilirsiniz.

Temalara bu link den erişebilirsiniz.

Uygulamanın local bilgisayarınızda çalıştırılması

Uygulamayı çalıştırmak için Hugo Starter sayfasında da anlatıldığı gibi projenin bulunduğu klasörde aşağıdaki komutu terminalinizde çalıştırmanız yeterlidir.

hugo server -D

Hugo projeleri local bilgisayarınızda localhost:1313 adresinde çalışmaktadır. Bu adresi bilgisayarınızda bir tarayıcıya yazdığınız zaman websitenizi görüntüleyebilirsiniz.

Uygulamanın localde build edilmesi

Websitenizi hazırladıkdan sonra en sona kalan basamak uygulamanızı deploy etmenizdir. Deploy etmek demek geliştirdiğiniz websitenizi yayına almanızdır. Hugo da websitenizi yayına almak için proje klasöründe aşağıdaki komutu çalıştırmanız yeterlidir.

hugo

Bu komutu çalıştırdığınız zaman projeniz içerisinde public klasörü oluşmaktadır.

Geliştirilmiş uygulamanın yayına alınması

Bu public klasörünü websitenizi yayınladığınız sunucu içerisine taşıdığınız zaman uygulamanız otomatik olarak yayına alınacaktır.

Uygulamanın github.io da yayınlanması

Hugo destekleyicileri sayesinde, geliştirdiğiniz websitenizi otomatik olarak github pages da bulunan sayfalarınıza yayınlama şansını tanımaktadır. Bunu gercekleştirebilmek için yapmanız gereken tek şey aşağıda bulunan websitesi linkinden aşamaları takip etmek.

Github pages linkine buradan tıklayabilirsiniz.

Sorunuz olduğu zaman bana twitter üzerinden erişebilirsiniz 😉

Kolay Gelsin.. 🤞