Hugo, en hurtig og fleksibel statisk websitebygger

om Hugo

I den næste artikel skal vi se på Hugo. Dette er en af ​​de open source statiske stedgeneratorer mest populære, hvilket også er helt gratis. Med sin fantastiske hastighed og fleksibilitet gør denne generator webstedsopbygning hurtig og nem. Er om en generator steder Statisk HTML og CSS skrevet i Go. Det er optimeret til hastighed, brugervenlighed og konfigurerbarhed.

Oprettelse af et websted er en proces, der kræver lidt tid og kendskab til HTML og andre sprog. Af denne grund kan denne statiske bygherre være til stor hjælp til hurtigt at oprette websteder. Det skal præciseres, at når vi taler om statiske websteder mener vi websteder, der ikke behandler data. Det vil sige, de kan ikke behandle formularer eller generere dokumenter. Disse websteder er generelt lavet til små projekter og informationssider.

Generelle karakteristika ved Hugo

  • En høj hastighed. Som nævnt på deres hjemmeside er dette det hurtigste værktøj af sin art. Det gennemsnitlige sted bygges på mindre end et sekund.
  • Robuste regler for indholdsstyring og fleksibilitet. Hugo er en indholdsstrategs drøm. Hugo understøtter ubegrænset indholdstyper, taksonomier, menuer, API-drevet dynamisk indhold og mere, alt uden tilføjelser.
  • Shortcodes tilbyder os evne til at bruge Markdown syntaks, der giver stor fleksibilitet.
  • Integrerede skabeloner. Denne statiske webstedsbygger har fælles mønstre til hurtigt at skabe vores arbejde. Hugo leveres med foruddefinerede skabeloner til hurtig SEO-arbejde, kommentarer, analyser og andre funktioner.
  • Brugerdefinerede output. Tillader os generere vores indhold i flere formater, herunder JSON eller AMPog dermed lette oprettelsen af ​​indhold.
  • Mere end 300 temaer tilgængelige, hvilket giver os et robust temasystem, der er let at implementere, men alligevel i stand til at producere selv de mest komplicerede websteder. Kan støbes et kig på emnerne tilgængelig på projektets websted.

Installer Hugo på Ubuntu

Hugo er et ganske populært program, og det gør installationen på Gnu / Linux og specifikt Ubuntu til en simpel proces. Den første tilgængelige installationsmulighed bruger prækompilerede pakker, der findes i projektudgivelsesside. For at downloade .deb-pakken skal vi kun åbne en terminal (Ctrl + Alt + T) og udføre følgende kommando:

download Hugo's .deb-fil

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

Efter download, Vi kan installere det ved at udføre denne anden kommando i samme terminal:

installer .deb-pakken

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

I slutningen af ​​installationen kan vi begynde at arbejde.

En anden mulighed for at installere dette program vil være gennem din snap-pakke. Installationen vil være så enkel som at åbne en terminal (Ctrl + Alt + T) og skrive den:

snap pakke installation

sudo snap install hugo

Første trin

Hugo er en webstedsbygger. Så det første, vi skal gøre, er Opret et nyt websted i følgende format:

hugo new site [nombre-del-sitio]

Til dette eksempel har jeg oprettet et nyt sted med kommandoen:

oprettelse af et sted med Hugo

hugo new site sinforoso

Dette opretter en ny mappe kaldet snoet I adressebogen hjem bruger. Til at begynde med skal vi få adgang til denne mappe, og vi starter arbejdet derfra.

Den næste ting vi vil gøre er tilføj et nyt tema til webstedet. Hvis du vil tilføje alle tilgængelige temaer, kan du bruge kommandoen:

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

Dette installerer alle Hugo-temaerne, så det kan tage lang tid. Det kan være nyttigt at prøve, hvilken du vil have. I mit tilfælde valgte jeg et bestemt emne, så i stedet for ovenstående kommando brugte jeg følgende:

download et tema til Hugo

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

Det er vigtigt, at vi placerer emnerne i carpeta temaer, som vi skal finde inde i den mappe, hvor vi arbejder.

Efter installation af temaet skal vi bede Hugo om at bruge det bestemte tema. For at gøre dette skal vi definer det i config.tom-filen, som vi finder i arbejdsmappen som angivet i det følgende skærmbillede.

temaindstillinger

Når ændringerne er foretaget, gemmer vi og lukker. Nu skal vi bare gøre det Opret et nyt indeks til visning på webstedet. Vi gør dette med følgende kommando:

oprettelse af et indeks i Hugo

hugo new _index.md

Som du kan se, har filen en md-udvidelse, det betyder det vi kan tilføje indhold ved hjælp af Markdown. Denne fil kan findes og redigeres i indholdsmappe.

indholdet af filen _index.md

Det kan vi også Opret nye kategorier for at forme webstedet:

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

På dette tidspunkt, for at se vores hjemmeside, vi bruger følgende kommando:

hugo serverer

hugo serve

Og som du kan se i følgende skærmbillede, vores hjemmeside vil være tilgængelig fra browseren på http: // localhost: 1313.

Webside i webbrowser

Kort sagt er Hugo et program, der kun opretter statiske websteder, men det er meget nyttigt i visse tilfælde. Du kan få flere oplysninger om projektet i din hjemmeside eller i officiel dokumentation.


Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.

  1.   Anthony sagde han

    Der er en lille fejl i kommandoen for at downloade temaerne. I posten angiver du, at kommandoen er:

    git klon - rekursiv https://github.com/spf13/hugoThemes temaer

    Denne kommando giver en fejl. På den officielle side angiver det, at for at udføre denne proces skal du sætte:

    git klon - dybde 1 - rekursiv https://github.com/gohugoio/hugoThemes.git temaer

    og alle temaerne downloades.

    1.    Damien Amoedo sagde han

      Jeg rettede det lige. Tak for advarslen.