Hugo, ein schneller und flexibler statischer Website-Builder

Im nächsten Artikel werden wir uns Hugo ansehen. Dies ist einer der Open Source-Generatoren für statische Sites am beliebtesten, die auch völlig kostenlos ist. Mit seiner erstaunlichen Geschwindigkeit und Flexibilität macht dieser Generator das Erstellen von Websites schnell und einfach. Handelt von ein Generator sitios web Statisches HTML und CSS in Go geschrieben. Es ist auf Geschwindigkeit, Benutzerfreundlichkeit und Konfigurierbarkeit optimiert.

Das Erstellen einer Website erfordert einige Zeit und Kenntnisse in HTML und anderen Sprachen. Aus diesem Grund kann dieser statische Site Builder eine große Hilfe bei der schnellen Erstellung von Websites sein. Es sollte klargestellt werden, dass, wenn wir darüber sprechen statische Websites sind Websites, die keine Daten verarbeiten. Das heißt, sie können keine Formulare verarbeiten oder Dokumente generieren. Diese Websites werden normalerweise für kleine Projekte und Informationsseiten erstellt.

Allgemeine Merkmale von Hugo

• Eine hohe Geschwindigkeit. Wie auf ihrer Website angegeben, ist dies das schnellste Tool seiner Art. Die durchschnittliche Site wird in weniger als einer Sekunde erstellt.
• Robuste Regeln für Content Management und Flexibilität. Hugo ist der Traum eines Content-Strategen. Hugo unterstützt unbegrenzte Inhaltstypen, Taxonomien, Menüs, API-gesteuerten dynamischen Inhalt und mehr, alles ohne Add-Ons.
• Shortcodes bieten uns die Fähigkeit zur Verwendung der Markdown-Syntaxund bietet große Flexibilität.
• Integrierte Vorlagen. Dieser statische Website-Builder verfügt über gemeinsame Muster, um unsere Arbeit schnell zu erstellen. Hugo wird mit vorgefertigten Vorlagen geliefert, mit denen Sie schnell SEO-Arbeiten, Kommentare, Analysen und andere Funktionen ausführen können.
• Benutzerdefinierte Ausgänge. Erlaubt uns Generieren Sie unsere Inhalte in verschiedenen Formaten, einschließlich JSON oder AMPund erleichtern so die Erstellung von Inhalten.
• Mehr als 300 Themen verfügbarDies gibt uns ein robustes Themensystem, das einfach zu implementieren ist und dennoch in der Lage ist, selbst die kompliziertesten Websites zu erstellen. Kann gegossen werden ein Blick auf die Themen verfügbar auf der Projektwebsite.

Installieren Sie Hugo unter Ubuntu

Hugo ist ein sehr beliebtes Programm, weshalb die Installation unter Gnu / Linux und speziell unter Ubuntu ein einfacher Vorgang ist. Die erste verfügbare Installationsoption ist die Verwendung von vorkompilierte Pakete, die in der zu finden sind Projektfreigabeseite. Um das .deb-Paket herunterzuladen, müssen wir nur ein Terminal öffnen (Strg + Alt + T) und den folgenden Befehl ausführen:

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

Nach dem Download Wir können es installieren, indem wir diesen anderen Befehl ausführen im selben Terminal:

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

Am Ende der Installation können wir mit der Arbeit beginnen.

Eine andere Möglichkeit, dieses Programm zu installieren, besteht in Ihrem Snap Pack. Die Installation ist so einfach wie das Öffnen eines Terminals (Strg + Alt + T) und das Eingeben:

sudo snap install hugo

Erste Schritte

Hugo ist ein Website-Builder. Das erste, was wir tun müssen, ist Erstellen Sie eine neue Site im folgenden Format:

hugo new site [nombre-del-sitio]

Für dieses Beispiel habe ich eine neue Site mit dem folgenden Befehl erstellt:

hugo new site sinforoso

Dadurch wird ein neuer Ordner mit dem Namen erstellt Wicklung Im Adressbuch home des Benutzers. Zu Beginn werden wir auf diesen Ordner zugreifen und von dort aus mit der Arbeit beginnen.

Das nächste, was wir tun werden, ist Fügen Sie ein neues Thema für die Site hinzu. Wenn Sie alle verfügbaren Themen hinzufügen möchten, können Sie den Befehl verwenden:

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

Dadurch werden alle Hugo-Themen installiert, sodass dies lange dauern kann. Es kann hilfreich sein, zu versuchen, welches Sie möchten. In meinem Fall habe ich ein bestimmtes Thema ausgewählt und anstelle des obigen Befehls Folgendes verwendet:

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

Es ist wichtig, dass wir die Themen in die Carpeta Themen, die wir in dem Ordner finden, in dem wir arbeiten.

Nach der Installation des Themas müssen wir Sag Hugo, er soll dieses spezielle Thema verwenden. Dazu müssen wir Definieren Sie es in der Datei config.tom, die wir im Arbeitsordner finden wie im folgenden Screenshot angegeben.

Sobald die Änderungen vorgenommen wurden, speichern und schließen wir. Jetzt müssen wir nur noch tun Erstellen Sie einen neuen Index, der auf der Site angezeigt werden soll. Wir werden dies mit dem folgenden Befehl tun:

hugo new _index.md

Wie Sie sehen können, hat die Datei die Erweiterung md. Dies bedeutet, dass Wir können Inhalte mit Markdown hinzufügen. Diese Datei kann innerhalb der gefunden und bearbeitet werden Inhaltsordner.

Wir können auch Erstellen Sie neue Kategorien, um die Site zu gestalten:

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

An diesem Punkt, um unsere Website zu sehenwerden wir den folgenden Befehl verwenden:

hugo serve

Und wie Sie im folgenden Screenshot sehen können, Unsere Website wird im Browser unter http: // localhost: 1313 verfügbar sein.

Kurz gesagt, Hugo ist ein Programm, das nur statische Websites erstellt, aber in bestimmten Fällen sehr nützlich ist. Weitere Informationen zum Projekt erhalten Sie in Ihrem Website oder offizielle Dokumentation.