Hugo, en rask og fleksibel statisk nettstedbygger

om Hugo

I neste artikkel skal vi ta en titt på Hugo. Dette er en av åpen kildekode statisk generatorer mest populære, som også er helt gratis. Med sin fantastiske hastighet og fleksibilitet gjør denne generatoren nettstedsbygging raskt og enkelt. Er om en generator nettsider Statisk HTML og CSS skrevet i Go. Den er optimalisert for hastighet, brukervennlighet og konfigurerbarhet.

Å lage et nettsted er en prosess som krever litt tid og kunnskap om HTML og andre språk. Av denne grunn kan denne statiske byggherren være til stor hjelp for å opprette nettsteder raskt. Det bør avklares når vi snakker om statiske nettsteder mener vi nettsteder som ikke behandler data. Det vil si at de ikke kan behandle skjemaer eller generere dokumenter. Disse nettstedene er vanligvis laget for små prosjekter og informasjonssider.

Generelle kjennetegn ved Hugo

  • En høy hastighet. Som nevnt på deres hjemmeside, er dette det raskeste verktøyet i sitt slag. Den gjennomsnittlige siden er bygget på mindre enn et sekund.
  • Robuste regler for innholdsadministrasjon og fleksibilitet. Hugo er en innholdsstrategs drøm. Hugo støtter ubegrensede innholdstyper, taksonomier, menyer, API-drevet dynamisk innhold og mer, alt uten tillegg.
  • Kortkoder tilbyr oss evne til å bruke Markdown syntaksgir stor fleksibilitet.
  • Integrerte maler. Denne statiske nettstedsbyggeren har vanlige mønstre for å skape vårt arbeid raskt. Hugo leveres med ferdiglagde maler for å gjøre raskt SEO-arbeid, kommentarer, analyser og andre funksjoner.
  • Egendefinerte utganger. Tillat oss generere innholdet vårt i flere formater, inkludert JSON eller AMP, og dermed legge til rette for å lage innhold.
  • Mer enn 300 temaer tilgjengelig, som gir oss et robust temasystem som er enkelt å implementere, men som er i stand til å produsere selv de mest kompliserte nettstedene. Kan støpes en titt på emnene tilgjengelig på prosjektnettstedet.

Installer Hugo på Ubuntu

Hugo er et ganske populært program, og dette gjør installasjonen på Gnu / Linux og spesielt Ubuntu til en enkel prosess. Det første tilgjengelige installasjonsalternativet vil bruke forhåndskompilerte pakker som du finner i prosjektutgivelsesside. For å laste ned .deb-pakken, trenger vi bare å åpne en terminal (Ctrl + Alt + T) og utføre følgende kommando:

last ned Hugo's .deb-fil

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

Etter nedlastingen, vi vil kunne installere den ved å utføre denne andre kommandoen i samme terminal:

installer .deb-pakken

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

På slutten av installasjonen kan vi begynne å jobbe.

En annen mulighet for å installere dette programmet vil være gjennom din snappakke. Installasjonen vil være så enkel som å åpne en terminal (Ctrl + Alt + T) og skrive den:

snap pakkeinstallasjon

sudo snap install hugo

Første trinn

Hugo er en nettstedsbygger. Så det første vi må gjøre er opprett et nytt nettsted i følgende format:

hugo new site [nombre-del-sitio]

For dette eksemplet har jeg opprettet et nytt nettsted med kommandoen:

lage et nettsted med Hugo

hugo new site sinforoso

Dette vil opprette en ny mappe som heter svingete I adresseboken hjem av brukeren. For å begynne med skal vi få tilgang til denne mappen, og vi vil starte arbeidet derfra.

Den neste tingen vi skal gjøre er legg til et nytt tema for nettstedet. Hvis du vil legge til alle tilgjengelige temaer, kan du bruke kommandoen:

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

Dette installerer alle Hugo-temaene, så det kan ta lang tid. Det kan være nyttig å prøve hvilken du vil ha. I mitt tilfelle valgte jeg et bestemt emne, så i stedet for kommandoen ovenfor brukte jeg følgende:

last ned et tema for Hugo

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

Det er viktig at vi plasserer temaene i Carpeta temas, som vi skal finne inne i mappen vi jobber med.

Etter å ha installert temaet, må vi fortell Hugo å bruke det aktuelle temaet. For å gjøre dette må vi definere den i config.tom-filen, som vi finner i arbeidsmappen som angitt i følgende skjermbilde.

temainnstillinger

Når endringene er gjort, lagrer vi og lukker. Nå er alt vi trenger å gjøre lage en ny indeks som skal vises på nettstedet. Vi vil gjøre dette med følgende kommando:

oppretting av indeks i Hugo

hugo new _index.md

Som du kan se, har filen en md-utvidelse, dette betyr at vi kan legge til innhold ved hjelp av Markdown. Denne filen kan bli funnet og redigert i innholdsmappe.

innholdet av filen _index.md

Vi kan også lage nye kategorier for å forme nettstedet:

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

På dette punktet, for å se nettstedet vårt, vil vi bruke følgende kommando:

hugo serverer

hugo serve

Og som du kan se i følgende skjermbilde, nettstedet vårt vil være tilgjengelig fra nettleseren på http: // localhost: 1313.

Nettside i nettleser

Kort sagt er Hugo et program som bare lager statiske nettsteder, men det er veldig nyttig i visse tilfeller. Du kan få mer informasjon om prosjektet i din området eller i offisiell dokumentasjon.


Legg igjen kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Kontroller SPAM, kommentaradministrasjon.
  3. Legitimering: Ditt samtykke
  4. Kommunikasjon av dataene: Dataene vil ikke bli kommunisert til tredjeparter bortsett fra ved juridisk forpliktelse.
  5. Datalagring: Database vert for Occentus Networks (EU)
  6. Rettigheter: Når som helst kan du begrense, gjenopprette og slette informasjonen din.

  1.   Anthony sa

    Det er en liten feil i kommandoen for å laste ned temaene. I innlegget indikerer du at kommandoen er:

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

    Den kommandoen gir en feil. På den offisielle siden indikerer det at du må sette for å gjøre denne prosessen:

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

    og alle temaene lastes ned.

    1.    Damien Amoedo sa

      Jeg korrigerte det bare. Takk for advarselen.