Hugo ile Blog Nasıl Oluşturulur

• Giriş
• Ön şartlar
• Adım 1: Hugo programını yükleyin
• 2. Adım: Sitenizi oluşturun
• 3. Adım: Temaları Hugo deposundan yükleyin
• 4. Adım: Bazı temel yapılandırma değişikliklerini yapın
• 5. Adım: İçeriğinizi oluşturun
• 6. Adım: İçeriğinizi Hugo sunucusuyla ayarlayın
• 7. Adım: Sitenizi yayınlayın

Giriş

Hugo, yıldırım hızında işleme hızı ve mükemmel kullanım kolaylığı ile statik bir site üreticisidir. İçeriğe yönelik tüm özellikleri sayesinde, ortamı oluşturmak yerine her zaman içerik oluşturmaya odaklanabilirsiniz:

• Hugo ile sıkıcı bağımlılıklar veya veritabanları olmadan birkaç dakika içinde her yerde çalışan statik bir site oluşturabilirsiniz.
• İçeriğinizi en uygun yazma stili olan Markdown'da oluşturabilir ve web üzerinde yaptığınız değişiklikleri anında görebilirsiniz.
• Ayrıca, Hugo'nun zengin tema havuzundan ve hızla büyüyen topluluğundan en iyi şekilde yararlanabilirsiniz.

Bu yazıda, CentOS tabanlı Vultr LEMP sunucusu örneğinde statik bir blog sitesi oluşturmak için Hugo'nun nasıl kurulacağını ve kullanılacağını göstereceğim.

Ön şartlar

Örneğinize sudo izinlerine sahip kök olmayan bir kullanıcı olarak oturum açın. Bu makalede böyle bir kullanıcının nasıl oluşturulacağını görün .

Adım 1: Hugo programını yükleyin

Hugo hemen hemen tüm ana platformlara kurulabilir. CentOS için, en son program dosyasını bir .tar.gzarşive indirmeniz ve uygun bir konuma açmanız yeterlidir . Yazma sırasında, en son sürüm 0.15'tir.

sudo yum update -y
sudo yum install git -y
cd ~
wget https://github.com/spf13/hugo/releases/download/v0.15/hugo_0.15_linux_amd64.tar.gz
tar -zxvf hugo_0.15_linux_amd64.tar.gz
sudo mv hugo_0.15_linux_amd64/hugo_0.15_linux_amd64 /usr/local/bin/hugo

Kurulumunuzu aşağıdaki komutla test edin:

 hugo version

2. Adım: Sitenizi oluşturun

Hugo ile sitenizi sunucunuzdaki herhangi bir klasörden oluşturabilirsiniz. Burada, mysite/ana dizinimin altındaki dizinde bir site oluşturdum .

cd ~
hugo new site ~/mysite

Sitenin mimarisini görmek için aşağıdaki komutları çalıştırın:

cd mysite
ls -lF

Gördüğünüz gibi, sitenin mevcut mimarisi aşağıdakilere benzer:

archetypes /

config.toml

içerik /

veri/

düzenleri /

statik/

Oluşturulacak iki başka dizinle themes/ve public/bir Hugo sitesinin tüm mimarisi kompakt ancak kapsamlı.

Başlangıç ​​olarak içeriğinizin dizinde saklanması gerektiğini bilin content/.

3. Adım: Temaları Hugo deposundan yükleyin

Hugo deposundaki tüm temaları yüklemek için aşağıdaki komutları çalıştırın. Bunlar, themes/site dizininizde bir dizin oluşturur ve tüm temaları Hugo tema deposundan indirir.

cd ~/mysite/
git clone --depth 1 --recursive https://github.com/spf13/hugoThemes.git themes

Sadece tek bir tema yüklemek istiyorsanız , en sevdiğiniz temayı belirlemek için Hugo tema deposunu ziyaret edin . URL'sini kopyalayın ve git cloneaşağıdaki komuta yapıştırın .

cd ~/mysite/
mkdir themes
cd themes
git clone https://github.com/jaden/twentyfourteen

4. Adım: Bazı temel yapılandırma değişikliklerini yapın

config.tomlSite dizininizde adlandırılan dosya , Hugo sitenizin genel yapılandırmasını içerir. Aşağıda listelenen bazı temel yapılandırma değişikliklerini yapmak için dosyayı bir metin düzenleyicisiyle düzenleyin. Değerleri özel koşullarınıza göre değiştirmeyi unutmayın.

baseurl = "http://[YourSiteIP]/"
languageCode = "en-us"
title = "Your Site Name"
theme = "twentyfourteen"

5. Adım: İçeriğinizi oluşturun

Site dizininize, dizinde bir içerik sayfası oluşturmak için aşağıdaki komutu girin ~/mysite/content/post/.

cd ~/mysite/
hugo new post/about.md

Dosyayı bir metin düzenleyicisinde açın, dosyanın biçimi aşağıdakine benzer olmalıdır.

+++
date = "2015-12-25T03:21:23Z"
draft = true
title = "about"

+++

İki satır satır arasında, +++içerik sayfanızla ilgili meta bilgiler bulunur. Burada satırı kaldırabilir draft = trueve başlık satırını istediğiniz gibi değiştirebilirsiniz.

İkinci +++satırın altına, web sayfasında görüntülemek istediğiniz içeriği ekleyin. İçeriğinizi Markdown dilinde yazmayı unutmayın.

## This is an H2 headline

Text goes here.

Bu düzenlemeyi bitirdikten sonra, metin düzenleyiciyi daha sonra kullanmak üzere açık tutun.

6. Adım: İçeriğinizi Hugo sunucusuyla ayarlayın

Sitenizi dağıtmak için Hugo'nun yerleşik web sunucusunu kullanabilirsiniz; bu, içeriğinizi bir metin düzenleyicide değiştirir değiştirmez değişikliklerinizi anında web sayfasında görüntüleyebilir.

Başka bir terminal açın iptables, Hugo sunucunun varsayılan bağlantı noktası 1313'te sitenize erişiminize izin vermek için kuralları yapılandırın :

sudo iptables -I INPUT -p tcp --dport 1313 -j ACCEPT

Hugo sunucusunu başlatın:

hugo server --bind="[YourServerIP]"

Sitenizi bir tarayıcıdan ziyaret edin:

http://[YourServerIP]:1313

Artık önceki terminaldeki sayfa dosyasının içeriğini düzenlemeyi veya bir sayfa dosyası eklemeyi / kaldırmayı deneyebilirsiniz. content/Dizindeki tüm değişikliklerin tarayıcı ekranınıza aynı anda yansıtılacağını göreceksiniz. Bu, yoğun bir blog yazarı için harika bir özelliktir, çünkü daha iyi kompozisyon deneyimleri için değişikliklerinizi her zaman anında görebilirsiniz.

Düzenlemenizi bitirdikten sonra Ctrl+CHugo sunucusunu durdurmak için düğmesine basın .

7. Adım: Sitenizi yayınlayın

Şimdi sitenizi web'de yayınlama zamanı. Aşağıdaki komutları çalıştırın ve Hugo, public/dizin içinde yayınlamaya uygun tüm statik içeriği oluşturur .

cd ~/mysite
hugo

Not : Hugo, yukarıdaki komutları çalıştırdığınızda daha önce oluşturulan eski dosyaları silmez. Beklenmedik sonuçlardan kaçınmak için public/, hugokomutu çalıştırmadan önce dizini silebilir veya aşağıdaki komutta gösterildiği gibi yeni bir çıkış hedefi belirtebilirsiniz.

hugo --destination=public2

Nginx web sunucusu zaten sunucuda çalıştığından, tek yapmanız gereken ~/mysite/public/dizinin içeriğini veya diğer özel hedef dizinlerini web dizininize kopyalamaktır /usr/share/nginx/html/.

Orijinal dosyaları silin:

cd /usr/share/nginx/html/
sudo rm -rf background.jpg index.php logo.png

Statik site dosyalarınızı web dizinine kopyalayın:

cd ~/mysite/public
sudo cp -R ~/mysite/public/. /usr/share/nginx/html/

Bu kadar. Artık tarayıcıdan süper hızlı statik sitesini ziyaret edebilirsiniz: http://[YourServerIP].

Daha fazla ayrıntı görmek için komutu kullanın hugo helpveya Hugo resmi web sitesini ziyaret edin .