Hugo, ένας γρήγορος και ευέλικτος στατικός δημιουργός ιστότοπων

Στο επόμενο άρθρο θα ρίξουμε μια ματιά στον Hugo. Αυτό είναι ένα από τα ανοιχτές πηγές στατικής ιστοσελίδας πιο δημοφιλές, το οποίο είναι επίσης εντελώς δωρεάν. Με την εκπληκτική ταχύτητα και ευελιξία, αυτή η γεννήτρια καθιστά την κατασκευή ιστοσελίδων γρήγορη και εύκολη. Είναι περίπου μια γεννήτρια sitios web Στατικό HTML και CSS γραμμένο στο Go. Είναι βελτιστοποιημένο για ταχύτητα, ευκολία χρήσης και διαμόρφωση.

Η δημιουργία ενός ιστότοπου είναι μια διαδικασία που απαιτεί λίγο χρόνο και γνώση HTML και άλλων γλωσσών. Για αυτόν τον λόγο, αυτό το στατικό εργαλείο δημιουργίας ιστότοπων μπορεί να βοηθήσει πολύ στη δημιουργία ιστότοπων γρήγορα. Πρέπει να διευκρινιστεί ότι όταν μιλάμε Στατικοί ιστότοποι εννοούμε ιστότοπους που δεν επεξεργάζονται δεδομένα. Δηλαδή, δεν μπορούν να επεξεργαστούν έντυπα ή να δημιουργήσουν έγγραφα. Αυτές οι ιστοσελίδες είναι γενικά κατασκευασμένες για μικρά έργα και ενημερωτικούς ιστότοπους.

Γενικά χαρακτηριστικά του Hugo

• Υψηλή ταχύτητα. Όπως αναφέρεται στον ιστότοπό τους, αυτό είναι το γρηγορότερο εργαλείο του είδους του. Ο μέσος ιστότοπος είναι χτισμένος σε λιγότερο από ένα δευτερόλεπτο.
• Ισχυροί κανόνες διαχείρισης περιεχομένου και ευελιξίας. Ο Hugo είναι το όνειρο του στρατηγικού περιεχομένου. Ούγκω υποστηρίζει απεριόριστους τύπους περιεχομένου, ταξινομίες, μενού, δυναμικό περιεχόμενο βάσει API και άλλα, όλα χωρίς πρόσθετα.
• Οι Shortcodes μας προσφέρουν ικανότητα χρήσης σύνταξης Markdown, παρέχοντας μεγάλη ευελιξία.
• Ολοκληρωμένα πρότυπα. Αυτό το στατικό εργαλείο δημιουργίας ιστότοπων έχει κοινά μοτίβα για να δημιουργήσει τη δουλειά μας γρήγορα. Η Hugo αποστέλλεται με προκατασκευασμένα πρότυπα για γρήγορη εργασία SEO, σχόλια, αναλυτικά στοιχεία και άλλες λειτουργίες.
• Προσαρμοσμένες έξοδοι. Μας επιτρέπει δημιουργήστε το περιεχόμενό μας σε πολλές μορφές, συμπεριλαμβανομένων των JSON ή AMP, και έτσι διευκολύνουν τη δημιουργία περιεχομένου.
• Διατίθενται περισσότερα από 300 θέματα, δίνοντάς μας ένα ισχυρό θεματικό σύστημα που είναι εύκολο να εφαρμοστεί, αλλά μπορεί να παράγει ακόμη και τους πιο περίπλοκους ιστότοπους. Μπορεί να παίξει μια ματιά στα θέματα διαθέσιμο στον ιστότοπο του έργου.

Εγκαταστήστε το Hugo στο Ubuntu

Το Hugo είναι ένα αρκετά δημοφιλές πρόγραμμα και αυτό καθιστά την εγκατάσταση σε Gnu / Linux και συγκεκριμένα στο Ubuntu μια απλή διαδικασία. Η πρώτη διαθέσιμη επιλογή εγκατάστασης θα χρησιμοποιεί το προ-μεταγλωττισμένα πακέτα που μπορείτε να βρείτε στο σελίδα έκδοσης έργου. Για να κατεβάσετε το πακέτο .deb, θα πρέπει να ανοίξουμε μόνο ένα τερματικό (Ctrl + Alt + T) και να εκτελέσουμε την ακόλουθη εντολή:

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

Μετά τη λήψη, θα μπορέσουμε να το εγκαταστήσουμε εκτελώντας αυτήν την άλλη εντολή στον ίδιο τερματικό:

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

Στο τέλος της εγκατάστασης μπορούμε να αρχίσουμε να δουλεύουμε.

Μια άλλη δυνατότητα εγκατάστασης αυτού του προγράμματος θα είναι μέσω του δικού σας πακέτο snap. Η εγκατάσταση θα είναι τόσο απλή όσο το άνοιγμα ενός τερματικού (Ctrl + Alt + T) και η πληκτρολόγηση σε αυτό:

sudo snap install hugo

Πρώτα βήματα

Ο Hugo είναι οικοδόμος ιστότοπων. Έτσι, το πρώτο πράγμα που πρέπει να κάνουμε είναι δημιουργήστε έναν νέο ιστότοπο χρησιμοποιώντας την ακόλουθη μορφή:

hugo new site [nombre-del-sitio]

Για αυτό το παράδειγμα έχω δημιουργήσει έναν νέο ιστότοπο με την εντολή:

hugo new site sinforoso

Αυτό θα δημιουργήσει έναν νέο φάκελο που ονομάζεται κούρδισμα Στο βιβλίο διευθύνσεων σπίτι του χρήστη. Για να ξεκινήσουμε θα έχουμε πρόσβαση σε αυτόν το φάκελο και θα ξεκινήσουμε τη δουλειά από εκεί.

Το επόμενο πράγμα που θα κάνουμε είναι προσθέστε ένα νέο θέμα για τον ιστότοπο. Εάν θέλετε να προσθέσετε όλα τα διαθέσιμα θέματα, μπορείτε να χρησιμοποιήσετε την εντολή:

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

Αυτό εγκαθιστά όλα τα θέματα Hugo, οπότε μπορεί να χρειαστεί πολύς χρόνος. Μπορεί να είναι χρήσιμο να δοκιμάσετε ποιο θέλετε. Στην περίπτωσή μου, επέλεξα ένα συγκεκριμένο θέμα, οπότε αντί για την παραπάνω εντολή χρησιμοποίησα τα εξής:

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

Είναι σημαντικό να τοποθετήσουμε τα θέματα στο φάκελο θέματα, το οποίο θα βρούμε μέσα στο φάκελο στον οποίο εργαζόμαστε.

Μετά την εγκατάσταση του θέματος, πρέπει πείτε στον Hugo να χρησιμοποιήσει αυτό το συγκεκριμένο θέμα. Για να το κάνουμε αυτό πρέπει ορίστε το στο αρχείο config.tom, το οποίο θα βρούμε στον φάκελο εργασίας όπως υποδεικνύεται στο παρακάτω στιγμιότυπο οθόνης.

Μόλις γίνουν οι αλλαγές, αποθηκεύουμε και κλείνουμε. Τώρα το μόνο που πρέπει να κάνουμε είναι δημιουργήστε ένα νέο ευρετήριο για προβολή στον ιστότοπο. Θα το κάνουμε με την ακόλουθη εντολή:

hugo new _index.md

Όπως μπορείτε να δείτε, το αρχείο έχει επέκταση md, αυτό σημαίνει ότι μπορούμε να προσθέσουμε περιεχόμενο χρησιμοποιώντας το Markdown. Αυτό το αρχείο μπορεί να βρεθεί και να επεξεργαστεί μέσα στο φάκελος περιεχομένου.

Μπορούμε επίσης δημιουργήστε νέες κατηγορίες για να διαμορφώσετε τον ιστότοπο:

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

Σε αυτό το σημείο, για να δείτε τον ιστότοπό μας, θα χρησιμοποιήσουμε την ακόλουθη εντολή:

hugo serve

Και όπως μπορείτε να δείτε στο παρακάτω στιγμιότυπο οθόνης, ο ιστότοπός μας θα είναι διαθέσιμος από το πρόγραμμα περιήγησης στη διεύθυνση http: // localhost: 1313.

Εν ολίγοις, το Hugo είναι ένα πρόγραμμα που δημιουργεί μόνο στατικούς ιστότοπους, αλλά είναι πολύ χρήσιμο σε ορισμένες περιπτώσεις. Μπορείτε να λάβετε περισσότερες πληροφορίες σχετικά με το έργο στο δικό σας τοποθεσία ή επίσημη τεκμηρίωση.