Hugo, un constructor de site-uri statice rapid și flexibil

În articolul următor vom arunca o privire asupra lui Hugo. Acesta este unul dintre generatoare de site-uri statice open source cel mai popular, care este, de asemenea, complet gratuit. Cu viteza și flexibilitatea sa uimitoare, acest generator face ca site-ul web să fie rapid și ușor. Este despre un generator site-uri web HTML static și CSS scrise în Go. Este optimizat pentru viteză, ușurință în utilizare și configurabilitate.

Crearea unui site web este un proces care necesită ceva timp și cunoștințe de HTML și alte limbi. Din acest motiv, acest constructor static de site-uri poate fi de mare ajutor în crearea de site-uri web rapid. Ar trebui clarificat faptul că atunci când vorbim despre site-uri statice ne referim la site-uri care nu procesează date. Adică nu pot procesa formulare sau genera documente. Aceste site-uri web sunt realizate în general pentru proiecte mici și site-uri informative.

Caracteristicile generale ale lui Hugo

• O viteză mare. După cum se menționează pe site-ul lor web, acesta este cel mai rapid instrument de acest gen. Site-ul mediu este construit în mai puțin de o secundă.
• Managementul conținutului robust și reguli de flexibilitate. Hugo este visul unui strateg de conținut. Hugo acceptă tipuri nelimitate de conținut, taxonomii, meniuri, conținut dinamic bazat pe API și multe altele, toate fără programe de completare.
• Codurile scurte ne oferă abilitatea de a utiliza sintaxa Markdown, oferind o mare flexibilitate.
• Șabloane integrate. Acest constructor static de site-uri web are modele comune pentru a crea rapid munca noastră. Hugo livrează cu șabloane pre-realizate pentru a face lucrări rapide de SEO, comentarii, analize și alte funcții.
• Ieșiri personalizate. Ne permite generează conținutul nostru în mai multe formate, inclusiv JSON sau AMP, și astfel facilitează crearea de conținut.
• Peste 300 de teme disponibile, oferindu-ne un sistem tematic robust, ușor de implementat, dar capabil să producă chiar și cele mai complicate site-uri web. Poate fi turnat o privire asupra subiectelor disponibil pe site-ul web al proiectului.

Instalați Hugo pe Ubuntu

Hugo este un program destul de popular și acest lucru face ca instalarea acestuia pe Gnu / Linux și în special pe Ubuntu să fie un proces simplu. Prima opțiune de instalare disponibilă va fi utilizarea pachete precompilate care pot fi găsite în pagina de lansare a proiectului. Pentru a descărca pachetul .deb, va trebui să deschidem doar un terminal (Ctrl + Alt + T) și să executăm următoarea comandă:

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

După descărcare, îl vom putea instala executând această altă comandă în același terminal:

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

La sfârșitul instalării putem începe să lucrăm.

O altă posibilitate de a instala acest program va fi prin intermediul pachet snap. Instalarea va fi la fel de simplă ca deschiderea unui terminal (Ctrl + Alt + T) și tastarea acestuia:

sudo snap install hugo

Primii pași

Hugo este un constructor de site-uri web. Deci, primul lucru pe care trebuie să-l facem este creați un site nou utilizând următorul format:

hugo new site [nombre-del-sitio]

Pentru acest exemplu am creat un nou site cu comanda:

hugo new site sinforoso

Aceasta va crea un nou folder numit serpuit, cotit În agenda de adrese Acasă a utilizatorului. Pentru început, vom accesa acest folder și vom începe lucrul de acolo.

Următorul lucru pe care îl vom face este adăugați o nouă temă pentru site. Dacă doriți să adăugați toate temele disponibile, puteți utiliza comanda:

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

Aceasta instalează toate temele Hugo, deci poate dura mult timp. Poate fi util să încercați pe care doriți. În cazul meu, am ales un subiect specific, așa că în loc de comanda de mai sus am folosit următoarele:

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

Este important să plasăm subiectele în Carpeta tematică, pe care îl vom găsi în dosarul în care lucrăm.

După instalarea temei, trebuie spune-i lui Hugo să folosească tema respectivă. Pentru a face acest lucru trebuie definiți-l în fișierul config.tom, pe care îl vom găsi în folderul de lucru așa cum este indicat în următoarea captură de ecran.

Odată efectuate modificările, salvăm și închidem. Acum tot ce trebuie să facem este creați un nou index pentru a fi afișat pe site. Vom face acest lucru cu următoarea comandă:

hugo new _index.md

După cum puteți vedea, fișierul are o extensie MD, asta înseamnă că putem adăuga conținut folosind Markdown. Acest fișier poate fi găsit și editat în dosar de conținut.

Putem de asemenea creați noi categorii pentru a modela site-ul:

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

In acest punct, pentru a vizualiza site-ul nostru, vom folosi următoarea comandă:

hugo serve

Și, după cum puteți vedea în următoarea captură de ecran, site-ul nostru web va fi disponibil din browser la http: // localhost: 1313.

Pe scurt, Hugo este un program care creează doar site-uri web statice, dar este foarte util în anumite cazuri. Puteți obține mai multe informații despre proiect în loc sau în documentație oficială.