Hva er Hugo og hvordan fungerer det?

Hvis du planlegger å lage et enkelt, innholdsdrevet nettsted, vil du sannsynligvis ikke bruke for mye tid på å kode det. Dette kan være tilfelle hvis du oppretter en bedriftsside, blogg eller personlig portefølje.

Statiske nettstedsgeneratorer retter seg mot denne typen scenarier. De lar deg spinne opp et nettsted som lar deg fokusere på innholdet ditt og dets design.

Hugo er ett eksempel på en statisk nettstedsgenerator. Den har støtte for temaer, forfatterskap i Markdown og andre fordeler i tillegg.

Hva er Hugo?

Hugo er en statisk nettstedsgenerator som lar deg lage et nettsted med lite eller ingen kode. Statiske nettstedsgeneratorer lar deg vanligvis skrive innholdet ditt i en enkelt markup-språk, som Markdown.

Den statiske nettstedsgeneratoren konverterer deretter innholdet ditt til statiske HTML-filer. Den bruker alle maler eller stiler på sidene dine før de vises til brukeren.

Ved å bruke Hugo kan du velge fra et bibliotek med temaer og nettstedsdesign som andre allerede har bygget. Når du har lastet ned et tema, kan du begynne å skrive innholdet ditt. Hugo godtar forskjellige formater du kan skrive innholdet ditt i.

Hva er Hugo-temaer?

Du kan besøke listen over Hugo-temaer å finne en å komme i gang med. Du kan også velge et tema basert på forskjellige kategorier, og filtrere design laget spesielt for blogger, porteføljer og mer.

Du kan klikke på et tema for å se mer informasjon. Her kan du laste ned temaet for å begynne å jobbe med det. Du kan også forhåndsvise hvordan temaet vil se ut når du har implementert det.

De fleste av temaene vil ha dummydata som plassholdere. Når du endrer temaet, kan du endre disse detaljene slik du vil.

Hva er strukturen til en Hugo-side?

Ved å bruke et tema kan du legge til innholdet ditt med små eller ingen endringer i koden. Du kan imidlertid fortsatt dykke ned i koden hvis du vil gjøre endringer i strukturen. Hugo bruker Go-maler for å bruke variabler og plassholdere i HTML-filene dine.

Oppretting av et Hugo-prosjekt på datamaskinen vil automatisk generere standardfilene som trengs for prosjektet.

Hovedkomponentene i prosjektet inkluderer:

• arketyper: Det er her du kan lagre maler som kan definere enhver formatering eller tilleggsdata for hver side. Når du oppretter en ny side, vil den være basert på en mal.
• eiendeler: Det er her du kan lagre alle eiendeler, for eksempel CSS-stilarkfilene.
• innhold: Det er her du kan lagre innholdet for nettstedet ditt. Du kan lagre hver side i en egen fil. Hvis du for eksempel skulle lage en blogg, ville du bruke en Markdown-fil for hvert innlegg.
• oppsett: Her kan du lagre korte, gjenbrukbare biter av HTML-kode, kalt kortkoder. Du kan bruke disse i innholdsfilene dine.
• offentlig: Dette inneholder filene og mappene du kan laste opp og bruke på en webserver når du er vert for nettstedet ditt.
• temaer: Eventuelle temaer du lastet ned fra Hugo vil vises her.

Hva er fordelene med å bruke Hugo?

Siden Hugo er ganske lett og genererer statiske nettsider, kan din endelige nettside og innholdet lastes veldig raskt. Dette betyr at brukere vil ha kort ventetid når de surfer på nettstedet ditt.

Alt innhold er statisk og endres ikke når brukeren ser på siden. Derfor trenger du ikke bekymre deg for konstante forespørsler til en server. Du trenger heller ikke bekymre deg for databaser, eller regnskap for dynamiske data.

Og du trenger ikke avanserte programmeringskunnskaper for å kunne jobbe med en Hugo-side. Men siden du har direkte tilgang til koden, kan du tilpasse den helt slik du vil hvis du velger å gjøre det.

Bruke statiske nettstedsgeneratorer for å lage nettsteder

Hugo er en utmerket statisk nettstedsgenerator som konverterer innholdet ditt til vanlige HTML-filer. Du kan bruke et bredt spekter av temaer og enkelt forhåndsvise nettstedet ditt under designprosessen.

Hugo tilbyr gjenbrukbare komponenter og en praktisk standard filstruktur, blant andre fordeler. Men Hugo er bare ett alternativ. Du bør fortsette å undersøke andre statiske nettstedsgeneratorer som du kan bruke til å bygge et nettsted.

11 statiske nettstedsgeneratorer med åpen kildekode du kan bruke til å bygge nettstedet ditt

Les Neste

Om forfatteren