Hugo, hızlı ve esnek bir statik web sitesi oluşturucu

Bir sonraki makalede Hugo'ya bir göz atacağız. Bu biridir açık kaynak statik site oluşturucuları en popüler olanı da tamamen ücretsizdir. İnanılmaz hızı ve esnekliği ile bu jeneratör, web sitesi oluşturmayı hızlı ve kolay hale getirir. Hakkında bir jeneratör sitios web Go'da yazılmış statik HTML ve CSS. Hız, kullanım kolaylığı ve yapılandırılabilirlik için optimize edilmiştir.

Bir web sitesi oluşturmak, biraz zaman ve HTML ve diğer diller hakkında bilgi sahibi olmayı gerektiren bir süreçtir. Bu nedenle, bu statik site oluşturucu, web sitelerini hızlı bir şekilde oluşturmada çok yardımcı olabilir. Hakkında konuştuğumuzda açıklığa kavuşturulmalıdır. verileri işlemeyen siteleri kastettiğimiz statik web siteleri. Yani, formları işleyemez veya belge üretemezler. Bu web siteleri genellikle küçük projeler ve bilgilendirici siteler için yapılır.

Hugo'nun genel özellikleri

• Yüksek hız. Web sitelerinde belirtildiği gibi, bu türünün en hızlı aracıdır. Ortalama bir site bir saniyeden daha kısa sürede kurulur.
• Sağlam içerik yönetimi ve esneklik kuralları. Hugo, bir içerik stratejistinin hayalidir. Hugo sınırsız içerik türlerini, sınıflandırmaları, menüleri, API odaklı dinamik içeriği ve daha fazlasını desteklerhepsi eklenti olmadan.
• Kısa kodlar bize şunları sunar: Markdown sözdizimini kullanma yeteneği, büyük esneklik sağlar.
• Entegre şablonlar. Bu statik web sitesi oluşturucu, çalışmalarımızı hızlı bir şekilde oluşturmak için ortak kalıplara sahiptir. Hugo, hızlı SEO çalışması, yorumlar, analizler ve diğer işlevler için önceden hazırlanmış şablonlarla birlikte gelir.
• Özel çıktılar. Bize izin verir İçeriğimizi JSON veya AMP dahil olmak üzere birden çok biçimde oluşturmakve böylece içeriğin oluşturulmasını kolaylaştırır.
• 300'den fazla tema mevcut, bize uygulaması kolay, ancak en karmaşık web sitelerini bile üretebilen sağlam bir tema sistemi veriyor. Döküm yapılabilir konulara bir bakış proje web sitesinde mevcuttur.

Hugo'yu Ubuntu'ya yükleyin

Hugo oldukça popüler bir programdır ve bu onu Gnu / Linux'a ve özellikle Ubuntu'ya yüklemeyi basit bir işlem haline getirir. Kullanılabilir ilk kurulum seçeneği, içinde bulunabilecek önceden derlenmiş paketler proje yayın sayfası. .Deb paketini indirmek için sadece bir terminal açmamız (Ctrl + Alt + T) ve aşağıdaki komutu çalıştırmamız gerekecek:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

İndirdikten sonra, bu diğer komutu çalıştırarak kurabileceğiz aynı terminalde:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

Kurulumun sonunda çalışmaya başlayabiliriz.

Bu programı kurmanın başka bir yolu, hızlı paket. Kurulum, bir terminal (Ctrl + Alt + T) açıp içine yazmak kadar basit olacaktır:

sudo snap install hugo

Primeros pasos

Hugo bir web sitesi kurucusudur. Yani yapmamız gereken ilk şey, aşağıdaki biçimi kullanarak yeni bir site oluşturun:

hugo new site [nombre-del-sitio]

Bu örnek için şu komutla yeni bir site oluşturdum:

hugo new site sinforoso

Bu, adında yeni bir klasör oluşturacak sarma Adres defterinde Anasayfa kullanıcı. Başlamak için bu klasöre erişeceğiz ve çalışmaya oradan başlayacağız..

Yapacağımız bir sonraki şey site için yeni bir tema ekleyin. Mevcut tüm temaları eklemek istiyorsanız, komutunu kullanabilirsiniz.:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Bu, tüm Hugo temalarını yükler, bu nedenle uzun zaman alabilir. Hangisini istediğinizi denemek yardımcı olabilir. Benim durumumda, belirli bir konu seçtim, bu nedenle yukarıdaki komut yerine aşağıdakileri kullandım:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

Konuları siteye yerleştirmemiz önemlidir. carpeta temalar, çalıştığımız klasörün içinde bulacağımız.

Temayı kurduktan sonra, Hugo'ya bu belirli temayı kullanmasını söyle. Bunu yapmak için yapmalıyız bunu çalışma klasöründe bulacağımız config.tom dosyasında tanımlayın aşağıdaki ekran görüntüsünde gösterildiği gibi.

Değişiklikler yapıldıktan sonra kaydedip kapatıyoruz. Şimdi tek yapmamız gereken sitede görüntülenecek yeni bir dizin oluşturun. Bunu şu komutla yapacağız:

hugo new _index.md

Gördüğünüz gibi, dosyanın bir md uzantısı var, bu şu anlama geliyor: Markdown kullanarak içerik ekleyebiliriz. Bu dosya şurada bulunabilir ve düzenlenebilir: içerik klasörü.

Biz de yapabiliriz siteyi şekillendirmek için yeni kategoriler oluşturun:

hugo new [categoría]/[archivo.md]

Bu noktada, web sitemizi görüntülemek içinaşağıdaki komutu kullanacağız:

hugo serve

Aşağıdaki ekran görüntüsünde de görebileceğiniz gibi, web sitemize http: // localhost: 1313 adresindeki tarayıcıdan ulaşılabilir..

Kısacası Hugo, yalnızca statik web siteleri oluşturan bir programdır, ancak bazı durumlarda çok kullanışlıdır. Proje hakkında daha fazla bilgiyi sayfanızda alabilirsiniz. yer veya resmi belgeler.