Wat is Hugo en hoe werkt het?

Als u van plan bent een eenvoudige, inhoudgestuurde website te maken, wilt u waarschijnlijk niet te veel tijd besteden aan het coderen ervan. Dit kan het geval zijn als u een bedrijfssite, blog of persoonlijke portfolio maakt.

Statische sitegeneratoren richten zich op dit soort scenario's. Hiermee kunt u een website opzetten waarmee u zich kunt concentreren op uw inhoud en het ontwerp ervan.

Hugo is een voorbeeld van een statische sitegenerator. Het biedt ondersteuning voor thema's, schrijven in Markdown en andere voordelen.

Wat is Hugo?

Hugo is een statische sitegenerator waarmee je een website kunt maken met weinig tot geen code. Met statische sitegeneratoren kunt u uw inhoud meestal in een eenvoudige opmaaktaal, zoals Markdown.

De statische sitegenerator zet uw inhoud vervolgens om in statische HTML-bestanden. Het past alle sjablonen of stijlen op uw pagina's toe voordat ze aan de gebruiker worden getoond.

Met Hugo kun je kiezen uit een bibliotheek met thema's en site-ontwerpen die andere mensen al hebben gebouwd. Nadat u een thema hebt gedownload, kunt u beginnen met het schrijven van uw inhoud. Hugo accepteert verschillende formaten waarin u uw inhoud kunt schrijven.

Wat zijn Hugo-thema's?

U kunt de lijst met: Hugo Thema's om er een te vinden om mee te beginnen. U kunt ook een thema selecteren op basis van verschillende categorieën en ontwerpen filteren die speciaal zijn gemaakt voor blogs, portfolio's en meer.

U kunt op een thema klikken om meer informatie te zien. Hier kun je het thema downloaden om ermee aan de slag te gaan. Je kunt ook een voorbeeld bekijken van hoe het thema eruit zou zien als je het eenmaal hebt geïmplementeerd.

De meeste thema's hebben dummy-gegevens als tijdelijke aanduidingen. Wanneer u het thema aanpast, kunt u deze details naar wens wijzigen.

Wat is de structuur van een Hugo-site?

Door een thema te gebruiken, kunt u uw inhoud toevoegen met weinig tot geen wijzigingen in de code. U kunt echter nog steeds in de code duiken als u wijzigingen in de structuur wilt aanbrengen. Hugo gebruikt Go-sjablonen om gebruik te maken van variabelen en tijdelijke aanduidingen in uw HTML-bestanden.

Als u een Hugo-project op uw computer maakt, worden automatisch de standaardbestanden gegenereerd die voor het project nodig zijn.

De belangrijkste onderdelen van het project zijn:

• archetypen: Hier kunt u sjablonen opslaan die elke opmaak of aanvullende gegevens voor elke pagina kunnen definiëren. Wanneer u een nieuwe pagina maakt, is deze gebaseerd op een sjabloon.
• activa: hier kunt u alle middelen opslaan, zoals uw CSS-stijlbladbestanden.
• inhoud: Hier kunt u de inhoud voor uw website opslaan. U kunt elke pagina in een apart bestand opslaan. Als u bijvoorbeeld een blog aan het maken was, zou u voor elk bericht een Markdown-bestand gebruiken.
• lay-outs: Hier kunt u korte, herbruikbare fragmenten van HTML-code opslaan, shortcodes genaamd. U kunt deze gebruiken in uw inhoudsbestanden.
• openbaar: Dit bevat de bestanden en mappen die u kunt uploaden en gebruiken op een webserver bij het hosten van uw site.
• thema's: Alle thema's die je van Hugo hebt gedownload, verschijnen hier.

Wat zijn de voordelen van het gebruik van Hugo?

Aangezien Hugo vrij licht is en statische webpagina's genereert, kunnen uw uiteindelijke website en de inhoud ervan zeer snel worden geladen. Dit betekent dat gebruikers weinig wachttijd hebben bij het browsen op uw site.

Alle inhoud is statisch en verandert niet zodra de gebruiker de pagina bekijkt. U hoeft zich dus geen zorgen te maken over constante verzoeken aan een server. U hoeft zich ook geen zorgen te maken over databases of het bijhouden van dynamische gegevens.

En je hebt geen geavanceerde programmeervaardigheden nodig om met een Hugo-site te kunnen werken. Omdat u echter rechtstreeks toegang heeft tot de code, kunt u deze volledig naar wens aanpassen als u daarvoor kiest.

Statische sitegeneratoren gebruiken om websites te maken

Hugo is een uitstekende generator voor statische sites die uw inhoud omzet in eenvoudige HTML-bestanden. U kunt een breed scala aan thema's gebruiken en tijdens het ontwerpproces eenvoudig een voorbeeld van uw site bekijken.

Hugo biedt onder meer herbruikbare componenten en een handige standaard bestandsstructuur. Maar Hugo is slechts één optie. U moet doorgaan met het onderzoeken van andere statische sitegeneratoren die u kunt gebruiken om een ​​website te bouwen.

11 Open-source statische sitegeneratoren die u kunt gebruiken om uw website te bouwen

Lees volgende

Over de auteur