Hugo, en snabb och flexibel statisk webbplatsbyggare

om Hugo

I nästa artikel ska vi ta en titt på Hugo. Detta är en av statisk generator för öppen källkod mest populära, vilket också är helt gratis. Med sin fantastiska hastighet och flexibilitet gör denna generator webbplatsbyggnad snabbt och enkelt. Är om en generator webbplatser Statisk HTML och CSS skriven i Go. Den är optimerad för hastighet, användarvänlighet och konfigurerbarhet.

Att skapa en webbplats är en process som kräver lite tid och kunskap om HTML och andra språk. Av denna anledning kan denna statiska webbplatsbyggare vara till stor hjälp för att snabbt skapa webbplatser. Det bör klargöras att när vi pratar om statiska webbplatser menar vi webbplatser som inte behandlar data. Det vill säga de kan inte behandla formulär eller generera dokument. Dessa webbplatser är vanligtvis gjorda för små projekt och informationssajter.

Allmänna egenskaper hos Hugo

  • En hög hastighet. Som anges på deras webbplats är detta det snabbaste verktyget i sitt slag. Den genomsnittliga webbplatsen byggs på mindre än en sekund.
  • Robusta regler för innehållshantering och flexibilitet. Hugo är en innehållsstrategs dröm. Hugo stöder obegränsade innehållstyper, taxonomier, menyer, API-driven dynamiskt innehåll och mer, allt utan tillägg.
  • Kortkoder erbjuder oss förmåga att använda Markdown-syntax, vilket ger stor flexibilitet.
  • Integrerade mallar. Denna statiska webbplatsbyggare har vanliga mönster för att snabbt skapa vårt arbete. Hugo levereras med färdiga mallar för att göra snabbt SEO-arbete, kommentarer, analyser och andra funktioner.
  • Anpassade utgångar. Tillåter oss generera vårt innehåll i flera format, inklusive JSON eller AMP, och därmed underlätta skapandet av innehåll.
  • Mer än 300 teman tillgängliga, vilket ger oss ett robust temasystem som är enkelt att implementera, men ändå kan producera även de mest komplicerade webbplatserna. Kan gjutas en titt på ämnena tillgänglig på projektets webbplats.

Installera Hugo på Ubuntu

Hugo är ett ganska populärt program och det gör installationen av den på Gnu / Linux och specifikt Ubuntu till en enkel process. Det första tillgängliga installationsalternativet använder förkompilerade paket som finns i projektets släppningssida. För att ladda ner .deb-paketet behöver vi bara öppna en terminal (Ctrl + Alt + T) och utföra följande kommando:

ladda ner Hugos .deb-fil

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

Efter nedladdningen, vi kommer att kunna installera det genom att utföra detta andra kommando i samma terminal:

installera .deb-paketet

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

I slutet av installationen kan vi börja arbeta.

En annan möjlighet att installera detta program kommer att vara via din snap pack. Installationen blir så enkel som att öppna en terminal (Ctrl + Alt + T) och skriva in den:

snap-paketinstallation

sudo snap install hugo

Första steg

Hugo är en webbplatsbyggare. Så det första vi behöver göra är skapa en ny webbplats med följande format:

hugo new site [nombre-del-sitio]

För det här exemplet har jag skapat en ny webbplats med kommandot:

skapa en webbplats med Hugo

hugo new site sinforoso

Detta skapar en ny mapp som heter slingrande I adressboken hem av användaren. Till att börja med kommer vi att komma åt den här mappen och vi kommer att börja arbetet därifrån.

Nästa sak vi kommer att göra är lägg till ett nytt tema för webbplatsen. Om du vill lägga till alla tillgängliga teman kan du använda kommandot:

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

Detta installerar alla Hugo-teman, så det kan ta lång tid. Det kan vara bra att prova vilken du vill ha. I mitt fall valde jag ett specifikt ämne, så istället för ovanstående kommando använde jag följande:

ladda ner ett tema för Hugo

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

Det är viktigt att vi placerar ämnena i Carpeta teman, som vi ska hitta i den mapp där vi arbetar.

Efter att ha installerat temat måste vi säg till Hugo att använda just det temat. För att göra detta måste vi definiera det i config.tom-filen, som vi hittar i arbetsmappen som anges i följande skärmdump.

temainställningar

När ändringarna är gjorda sparar vi och stänger. Nu är allt vi behöver göra skapa ett nytt index för att visas på webbplatsen. Vi kommer att göra detta med följande kommando:

skapande av index i Hugo

hugo new _index.md

Som du kan se har filen ett md-tillägg, det betyder att vi kan lägga till innehåll med hjälp av Markdown. Denna fil kan hittas och redigeras i innehållsmapp.

innehållet i filen _index.md

Vi kan också skapa nya kategorier för att forma webbplatsen:

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

Vid denna punkt, för att se vår webbplats, kommer vi att använda följande kommando:

hugo servera

hugo serve

Och som du kan se i följande skärmdump, vår webbplats kommer att finnas tillgänglig från webbläsaren på http: // localhost: 1313.

Webbsida i webbläsaren

Kort sagt är Hugo ett program som bara skapar statiska webbplatser, men det är mycket användbart i vissa fall. Du kan få mer information om projektet i din plats eller i officiell dokumentation.


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   Anthony sade

    Det finns ett litet fel i kommandot för att ladda ner teman. I inlägget anger du att kommandot är:

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

    Det kommandot ger ett fel. På den officiella sidan indikerar det att för att genomföra denna process måste du lägga till:

    git klon - djup 1 - rekursiv https://github.com/gohugoio/hugoThemes.git teman

    och alla teman laddas ner.

    1.    Damien Amoedo sade

      Jag korrigerade det bara. Tack för varningen.