Hugo, gyors és rugalmas statikus weboldal-készítő

Hugóról

A következő cikkben megnézzük Hugót. Ez az egyik nyílt forráskódú statikus webhely-generátorok legnépszerűbb, ami szintén teljesen ingyenes. Elképesztő sebességével és rugalmasságával ez a generátor gyors és egyszerűvé teszi a weboldal készítését. Kb egy generátor weboldalak Statikus HTML és CSS Go-ban írva. A sebességre, a könnyű használatra és a konfigurálhatóságra optimalizálták.

A weboldal készítése olyan folyamat, amely némi időt és HTML és más nyelvek ismeretét igényli. Ezért ez a statikus webhely-készítő nagy segítség lehet a weboldalak gyors létrehozásában. Tisztázni kell, hogy amikor erről beszélünk statikus weboldalak alatt azokat az oldalakat értjük, amelyek nem dolgoznak fel adatokat. Vagyis nem tudnak űrlapokat feldolgozni vagy dokumentumokat létrehozni. Ezeket a weboldalakat általában kis projektek és információs oldalak számára készítik.

Hugo általános jellemzői

  • Nagy sebesség. Amint azt a honlapjukon elmondták, ez a leggyorsabb eszköz a maga nemében. Az átlagos webhely kevesebb, mint egy másodperc alatt épül fel.
  • Robusztus tartalomkezelési és rugalmassági szabályok. Hugo egy tartalmi stratéga álma. Hugo korlátlan tartalomtípusokat, taxonómiákat, menüket, API-alapú dinamikus tartalmat és még sok mást támogat, mindez kiegészítők nélkül.
  • A rövid kódok felajánlják nekünk a a Markdown szintaxis használatának képessége, nagy rugalmasságot biztosítva.
  • Integrált sablonok. Ez a statikus webhelykészítő közös mintákkal rendelkezik a munkánk gyors létrehozásához. A Hugo előre elkészített sablonokkal szállítja a gyors SEO munkát, megjegyzéseket, elemzéseket és egyéb funkciókat.
  • Egyedi kimenetek. Lehetővé teszi számunkra tartalmunkat több formátumban is létrehozhatjuk, beleértve a JSON-ot vagy az AMP-t is, és ezáltal megkönnyíti a tartalom létrehozását.
  • Több mint 300 téma érhető el, amely egy robusztus témarendszert biztosít nekünk, amelyet könnyen lehet megvalósítani, de a legbonyolultabb weboldalak előállítására is képes. Öntött egy pillantás a témákra elérhető a projekt honlapján.

Telepítse a Hugót az Ubuntu-ra

A Hugo meglehetősen népszerű program, ami egyszerűvé teszi a Gnu / Linux és különösen az Ubuntu telepítését. Az első elérhető telepítési lehetőség a előre lefordított csomagok, amelyek megtalálhatók a projekt kiadási oldal. A .deb csomag letöltéséhez csak egy terminált kell megnyitnunk (Ctrl + Alt + T), és végre kell hajtanunk a következő parancsot:

töltse le Hugo .deb fájlját

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

A letöltés után ennek a másik parancsnak a végrehajtásával tudjuk telepíteni ugyanabban a terminálban:

telepítse a .deb csomagot

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

A telepítés végén elkezdhetjük a munkát.

A program telepítésének másik lehetősége a pattintós csomag. A telepítés olyan egyszerű lesz, mint egy terminál megnyitása (Ctrl + Alt + T) és a gépelés:

snap csomag telepítése

sudo snap install hugo

Első lépések

Hugo egy weboldal készítő. Tehát az első dolog, amit meg kell tennünk hozzon létre egy új webhelyet a következő formátum használatával:

hugo new site [nombre-del-sitio]

Ebben a példában létrehoztam egy új webhelyet a következő paranccsal:

weboldal létrehozása Hugóval

hugo new site sinforoso

Ezzel létrehoz egy új mappát kanyargó A címjegyzékben otthon felhasználó. Először is hozzáférünk ehhez a mappához, és onnan kezdjük a munkát.

A következő dolog, amit tenni fogunk adjon hozzá egy új témát a webhelyhez. Az összes elérhető téma hozzáadásához használhatja a parancsot:

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

Ez telepíti az összes Hugo témát, így hosszú időbe telhet. Hasznos lehet kipróbálni, melyiket szeretné. Esetemben egy konkrét témát választottam, így a fenti parancs helyett a következőket használtam:

töltsön le egy témát Hugo számára

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

Fontos, hogy a témákat a carpeta témák, amelyet a mappában találunk, amelyben dolgozunk.

A téma telepítése után meg kell mondd meg Hugónak, hogy használja az adott témát. Ehhez meg kell tennünk definiálja a config.tom fájlban, amelyet a munkamappában találunk meg a következő képernyőképen látható módon.

téma beállítások

A módosítások elvégzése után mentünk és bezárunk. Most már csak annyit kell tennünk hozzon létre egy új indexet a webhelyen való megjelenítéshez. Ezt a következő paranccsal fogjuk megtenni:

index létrehozása a Hugóban

hugo new _index.md

Mint látható, a fájlnak md kiterjesztése van, ez azt jelenti tartalmat adhatunk hozzá jelöléssel. Ez a fájl megtalálható és szerkeszthető a tartalom mappa.

_index.md fájl tartalma

Azt is megtehetjük hozzon létre új kategóriákat a webhely alakításához:

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

Ezen a ponton, hogy megtekinthesse weboldalunkat, a következő parancsot fogjuk használni:

hugo tálalás

hugo serve

És ahogy a következő képernyőképen láthatja, weboldalunk a http: // localhost: 1313 böngészőből lesz elérhető.

Weboldal a böngészőben

Röviden: a Hugo olyan program, amely csak statikus weboldalakat hoz létre, de bizonyos esetekben nagyon hasznos. További információt a projektről a webhelyén kaphat telek vagy a hivatalos dokumentáció.


Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: Miguel Ángel Gatón
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.

  1.   Anthony dijo

    Van egy kis hiba a parancsban a témák letöltésére. A bejegyzésben jelzi, hogy a parancs:

    git klón - rekurzív https://github.com/spf13/hugoThemes témák

    Ez a parancs hibát ad. A hivatalos oldalon azt jelzi, hogy ennek a folyamatnak a végrehajtásához a következőket kell tennie:

    git klón - 1. mélység - rekurzív https://github.com/gohugoio/hugoThemes.git témák

    és az összes téma le van töltve.

    1.    Damien Amoedo dijo

      Csak javítottam. Kösz a figyelmeztetést.