Hugo, een snelle en flexibele statische websitebouwer

In het volgende artikel gaan we naar Hugo kijken. Dit is een van de open source statische sitegeneratoren meest populair, wat ook helemaal gratis is. Met zijn verbazingwekkende snelheid en flexibiliteit maakt deze generator het bouwen van websites snel en gemakkelijk. Gaat over een generator sitios web Statische HTML en CSS geschreven in Go​ Het is geoptimaliseerd voor snelheid, gebruiksgemak en configureerbaarheid.

Het maken van een website is een proces dat enige tijd en kennis van HTML en andere talen vereist. Om deze reden kan deze statische sitebouwer een grote hulp zijn bij het snel maken van websites. Het moet worden verduidelijkt dat wanneer we erover praten statische websites bedoelen we sites die geen gegevens verwerken​ Dat wil zeggen dat ze geen formulieren kunnen verwerken of documenten kunnen genereren. Deze websites zijn meestal gemaakt voor kleine projecten en informatieve sites.

Algemene kenmerken van Hugo

• Een hoge snelheid. Zoals vermeld op hun website, is dit de snelste tool in zijn soort. De gemiddelde site is in minder dan een seconde gebouwd.
• Robuust contentbeheer en flexibiliteitsregels. Hugo is de droom van een contentstrateeg. Hugo ondersteunt onbeperkte inhoudstypen, taxonomieën, menu's, API-gestuurde dynamische inhoud en meer, allemaal zonder add-ons.
• Shortcodes bieden ons de mogelijkheid om Markdown-syntaxis te gebruiken, wat een grote flexibiliteit biedt.
• Geïntegreerde sjablonen​ Deze statische websitebouwer heeft gemeenschappelijke patronen om ons werk snel te maken. Hugo wordt geleverd met vooraf gemaakte sjablonen om snel SEO-werk, opmerkingen, analyses en andere functies uit te voeren.
• Aangepaste uitgangen. Staat ons toe onze inhoud in meerdere indelingen genereren, waaronder JSON of AMP, en zo het creëren van inhoud vergemakkelijken.
• Meer dan 300 thema's beschikbaar, waardoor we een robuust themasysteem hebben dat eenvoudig te implementeren is, maar in staat is om zelfs de meest gecompliceerde websites te produceren. Kan worden gegoten een blik op de onderwerpen beschikbaar op de projectwebsite.

Installeer Hugo op Ubuntu

Hugo is een vrij populair programma en dit maakt het installeren op Gnu / Linux en specifiek Ubuntu een eenvoudig proces. De eerste beschikbare installatieoptie maakt gebruik van de voorgecompileerde pakketten die kunnen worden gevonden in de project releasepagina​ Om het .deb-pakket te downloaden, hoeven we alleen een terminal te openen (Ctrl + Alt + T) en het volgende commando uit te voeren:

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

Na het downloaden we kunnen het installeren door deze andere opdracht uit te voeren in dezelfde terminal:

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

Aan het einde van de installatie kunnen we aan de slag.

Een andere mogelijkheid om dit programma te installeren is via uw snap pack​ De installatie is net zo eenvoudig als het openen van een terminal (Ctrl + Alt + T) en het typen ervan:

sudo snap install hugo

Eerste stappen

Hugo is een websitebouwer. Dus het eerste dat we moeten doen, is maak een nieuwe site met de volgende indeling:

hugo new site [nombre-del-sitio]

Voor dit voorbeeld heb ik een nieuwe site gemaakt met het commando:

hugo new site sinforoso

Hiermee wordt een nieuwe map gemaakt met de naam kronkelende In het adresboek home van de gebruiker. Om te beginnen gaan we deze map openen en vanaf daar beginnen we met het werk.

Het volgende dat we gaan doen is voeg een nieuw thema toe voor de site. Als u alle beschikbare thema's wilt toevoegen, kunt u de opdracht gebruiken:

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

Hiermee worden alle Hugo-thema's geïnstalleerd, dus het kan lang duren. Het kan handig zijn om te proberen welke u wilt. In mijn geval heb ik een specifiek onderwerp gekozen, dus in plaats van het bovenstaande commando heb ik het volgende gebruikt:

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

Het is belangrijk dat we de onderwerpen in de carpeta thema's, die we gaan vinden in de map waarin we werken.

Na het installeren van het thema moeten we vertel Hugo dat hij dat specifieke thema moet gebruiken​ Om dit te doen, moeten we definieer het in het config.tom-bestand, dat we in de werkmap zullen vinden zoals aangegeven in de volgende schermafbeelding.

Zodra de wijzigingen zijn aangebracht, slaan we op en sluiten we. Nu hoeven we alleen nog maar te doen maak een nieuwe index om op de site weer te geven​ We doen dit met het volgende commando:

hugo new _index.md

Zoals u kunt zien, heeft het bestand de extensie md, dit betekent dat we kunnen inhoud toevoegen met Markdown​ Dit bestand kan worden gevonden en bewerkt in het inhoudsmap.

We kunnen ook maak nieuwe categorieën om de site vorm te geven:

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

Op dit punt, om onze website te bekijken, zullen we het volgende commando gebruiken:

hugo serve

En zoals je kunt zien in de volgende schermafbeelding, onze website zal beschikbaar zijn via de browser op http: // localhost: 1313.

Kortom, Hugo is een programma dat alleen statische websites maakt, maar in bepaalde gevallen erg handig is. U kunt meer informatie over het project krijgen in uw WebSite of officiële documentatie.