Hvad er Hugo, og hvordan virker det?

Hvis du planlægger at oprette en enkel, indholdsdrevet hjemmeside, vil du sandsynligvis ikke bruge for meget tid på at kode det. Dette kan være tilfældet, hvis du opretter en virksomhedsside, blog eller personlig portefølje.

Statiske webstedsgeneratorer målretter mod denne slags scenarier. De giver dig mulighed for at oprette en hjemmeside, der lader dig fokusere på dit indhold og dets design.

Hugo er et eksempel på en statisk webstedsgenerator. Det har understøttelse af temaer, forfatterskab i Markdown og andre fordele.

Hvad er Hugo?

Hugo er en statisk webstedsgenerator, der giver dig mulighed for at oprette et websted med lidt eller ingen kode. Statiske webstedsgeneratorer giver dig normalt mulighed for at skrive dit indhold i en simpelt opmærkningssprog, som Markdown.

Den statiske webstedsgenerator konverterer derefter dit indhold til statiske HTML-filer. Det anvender alle skabeloner eller typografier på dine sider, før de serveres til brugeren.

Ved at bruge Hugo kan du vælge fra et bibliotek med temaer og webstedsdesign, som andre allerede har bygget. Når du har downloadet et tema, kan du begynde at skrive dit indhold. Hugo accepterer forskellige formater, som du kan skrive dit indhold i.

Hvad er Hugo-temaer?

Du kan besøge listen over Hugo temaer at finde en at komme i gang med. Du kan også vælge et tema baseret på forskellige kategorier og filterdesigns lavet specifikt til blogs, porteføljer og mere.

Du kan klikke på et tema for at se mere information. Her kan du downloade temaet for at begynde at arbejde på det. Du kan også forhåndsvise, hvordan temaet vil se ud, når du har implementeret det.

De fleste af temaerne vil have dummy-data som pladsholdere. Når du ændrer temaet, kan du ændre disse detaljer, som du vil.

Hvad er strukturen af ​​et Hugo-websted?

Ved at bruge et tema kan du tilføje dit indhold med få eller ingen ændringer i koden. Du kan dog stadig dykke ned i koden, hvis du vil lave ændringer i dens struktur. Hugo bruger Go-skabeloner til at gøre brug af variabler og pladsholdere i dine HTML-filer.

Oprettelse af et Hugo-projekt på din computer vil automatisk generere de standardfiler, der er nødvendige for projektet.

Hovedkomponenterne i projektet omfatter:

• arketyper: Det er her du kan gemme skabeloner, der kan definere enhver formatering eller yderligere data for hver side. Når du opretter en ny side, vil den være baseret på en skabelon.
• aktiver: Det er her, du kan gemme alle aktiver, såsom dine CSS-typografiarkfiler.
• indhold: Det er her du kan gemme indholdet til din hjemmeside. Du kan gemme hver side i en separat fil. For eksempel, hvis du lavede en blog, ville du bruge en Markdown-fil til hvert indlæg.
• layouts: Her kan du gemme korte, genbrugelige uddrag af HTML-kode, kaldet shortcodes. Du kan bruge disse i dine indholdsfiler.
• offentlig: Dette indeholder de filer og mapper, som du kan uploade og bruge på en webserver, når du hoster dit websted.
• temaer: Alle temaer, du har downloadet fra Hugo, vises her.

Hvad er fordelene ved at bruge Hugo?

Da Hugo er ret let og genererer statiske websider, kan dit endelige websted og dets indhold indlæses meget hurtigt. Dette betyder, at brugere vil have kort ventetid, når de surfer på dit websted.

Alt indhold er statisk og ændres ikke, når først brugeren ser siden. Derfor behøver du ikke bekymre dig om konstante anmodninger til en server. Du behøver heller ikke bekymre dig om databaser eller tage højde for dynamiske data.

Og du behøver ikke avancerede programmeringsfærdigheder for at kunne arbejde med en Hugo-side. Men da du har direkte adgang til koden, kan du fuldt ud tilpasse den, som du vil, hvis du vælger at gøre det.

Brug af statiske webstedsgeneratorer til at oprette websteder

Hugo er en fremragende statisk webstedsgenerator, der konverterer dit indhold til almindelige HTML-filer. Du kan bruge en bred vifte af temaer og nemt få vist dit websted under designprocessen.

Hugo leverer genanvendelige komponenter og en praktisk standard filstruktur, blandt andre fordele. Men Hugo er kun én mulighed. Du bør fortsætte med at undersøge andre statiske webstedsgeneratorer, som du kan bruge til at bygge et websted.

11 Open-Source statiske webstedsgeneratorer, du kan bruge til at bygge dit websted

Læs Næste

Om forfatteren