Εάν σχεδιάζετε να δημιουργήσετε έναν απλό ιστότοπο με γνώμονα το περιεχόμενο, πιθανότατα δεν θέλετε να αφιερώσετε πολύ χρόνο για να τον κωδικοποιήσετε. Αυτό μπορεί να συμβαίνει εάν δημιουργείτε έναν επιχειρηματικό ιστότοπο, ιστολόγιο ή προσωπικό χαρτοφυλάκιο.
Οι γεννήτριες στατικών τοποθεσιών στοχεύουν αυτού του είδους τα σενάρια. Σας επιτρέπουν να δημιουργήσετε έναν ιστότοπο που σας επιτρέπει να εστιάσετε στο περιεχόμενό σας και στο σχεδιασμό του.
Το Hugo είναι ένα παράδειγμα δημιουργίας στατικών τοποθεσιών. Έχει υποστήριξη για θέματα, συγγραφή στο Markdown και άλλα πλεονεκτήματα.
Τι είναι ο Hugo;
Το Hugo είναι μια δημιουργία στατικής τοποθεσίας που σας επιτρέπει να δημιουργήσετε έναν ιστότοπο με ελάχιστο έως καθόλου κώδικα. Οι παραγωγοί στατικών τοποθεσιών συνήθως σας επιτρέπουν να γράψετε το περιεχόμενό σας σε α απλή γλώσσα σήμανσης, όπως η Markdown.
Στη συνέχεια, η δημιουργία στατικών ιστότοπων μετατρέπει το περιεχόμενό σας σε στατικά αρχεία HTML. Εφαρμόζει οποιαδήποτε πρότυπα ή στυλ στις σελίδες σας πριν τα εμφανίσει στον χρήστη.
Χρησιμοποιώντας το Hugo, μπορείτε να επιλέξετε από μια βιβλιοθήκη θεμάτων και σχεδίων τοποθεσιών που άλλα άτομα έχουν ήδη δημιουργήσει. Αφού κατεβάσετε ένα θέμα, μπορείτε να αρχίσετε να γράφετε το περιεχόμενό σας. Το Hugo δέχεται διαφορετικές μορφές για να γράψετε το περιεχόμενό σας.
Τι είναι τα θέματα Hugo;
Μπορείτε να επισκεφτείτε τη λίστα των Θέματα Hugo για να βρείτε ένα για να ξεκινήσετε. Μπορείτε επίσης να επιλέξετε ένα θέμα με βάση διαφορετικές κατηγορίες και να φιλτράρετε σχέδια που έχουν δημιουργηθεί ειδικά για ιστολόγια, χαρτοφυλάκια και άλλα.
Μπορείτε να κάνετε κλικ σε ένα θέμα για να δείτε περισσότερες πληροφορίες. Εδώ, μπορείτε να κάνετε λήψη του θέματος για να ξεκινήσετε να το εργάζεστε. Μπορείτε επίσης να κάνετε προεπισκόπηση της εμφάνισης του θέματος μόλις το αναπτύξετε.
Τα περισσότερα από τα θέματα θα έχουν ψευδή δεδομένα ως σύμβολα κράτησης θέσης. Όταν τροποποιείτε το θέμα, μπορείτε να αλλάξετε αυτές τις λεπτομέρειες όπως θέλετε.
Ποια είναι η δομή ενός ιστότοπου Hugo;
Η χρήση ενός θέματος σάς επιτρέπει να προσθέτετε το περιεχόμενό σας με ελάχιστες έως καθόλου αλλαγές στον κώδικα. Ωστόσο, μπορείτε ακόμα να βουτήξετε στον κώδικα εάν θέλετε να κάνετε αλλαγές στη δομή του. Ο Hugo χρησιμοποιεί πρότυπα Go για να κάνει χρήση μεταβλητών και θέσεων κράτησης θέσης στα αρχεία HTML σας.
Η δημιουργία ενός έργου Hugo στον υπολογιστή σας θα δημιουργήσει αυτόματα τα προεπιλεγμένα αρχεία που απαιτούνται για το έργο.
Τα κύρια στοιχεία του έργου περιλαμβάνουν:
- αρχέτυπα: Εδώ μπορείτε να αποθηκεύσετε πρότυπα που μπορούν να ορίσουν οποιαδήποτε μορφοποίηση ή πρόσθετα δεδομένα για κάθε σελίδα. Όταν δημιουργείτε μια νέα σελίδα, θα βασίζεται σε ένα πρότυπο.
- περιουσιακά στοιχεία: Εδώ μπορείτε να αποθηκεύσετε τυχόν στοιχεία, όπως τα αρχεία φύλλου στυλ CSS.
- περιεχόμενο: Εδώ μπορείτε να αποθηκεύσετε το περιεχόμενο για τον ιστότοπό σας. Μπορείτε να αποθηκεύσετε κάθε σελίδα σε ξεχωριστό αρχείο. Για παράδειγμα, εάν δημιουργούσατε ένα ιστολόγιο, θα χρησιμοποιούσατε ένα αρχείο Markdown για κάθε ανάρτηση.
- διατάξεις: Εδώ μπορείτε να αποθηκεύσετε σύντομα, επαναχρησιμοποιήσιμα αποσπάσματα κώδικα HTML, που ονομάζονται shortcodes. Μπορείτε να τα χρησιμοποιήσετε στα αρχεία περιεχομένου σας.
- δημόσιο: Περιέχει τα αρχεία και τους φακέλους που μπορείτε να ανεβάσετε και να χρησιμοποιήσετε σε έναν διακομιστή web κατά τη φιλοξενία του ιστότοπού σας.
- θέματα: Όλα τα θέματα που κατεβάσατε από το Hugo θα εμφανίζονται εδώ.
Ποια είναι τα οφέλη από τη χρήση του Hugo;
Δεδομένου ότι το Hugo είναι αρκετά ελαφρύ και δημιουργεί στατικές ιστοσελίδες, ο τελικός ιστότοπος και το περιεχόμενό του μπορούν να φορτωθούν πολύ γρήγορα. Αυτό σημαίνει ότι οι χρήστες θα έχουν ελάχιστο χρόνο αναμονής κατά την περιήγηση στον ιστότοπό σας.
Όλο το περιεχόμενο είναι στατικό και δεν αλλάζει μόλις ο χρήστης δει τη σελίδα. Επομένως, δεν χρειάζεται να ανησυχείτε για συνεχή αιτήματα σε διακομιστή. Επίσης, δεν χρειάζεται να ανησυχείτε για τις βάσεις δεδομένων ή τη λογιστική για δυναμικά δεδομένα.
Και δεν χρειάζεστε προηγμένες δεξιότητες προγραμματισμού για να μπορέσετε να εργαστείτε με έναν ιστότοπο Hugo. Ωστόσο, δεδομένου ότι έχετε άμεση πρόσβαση στον κώδικα, μπορείτε να τον προσαρμόσετε πλήρως με τον τρόπο που θέλετε, εάν το επιλέξετε.
Χρήση στατικών δημιουργών τοποθεσιών για τη δημιουργία ιστοσελίδων
Το Hugo είναι μια εξαιρετική δημιουργία στατικών ιστότοπων που μετατρέπει το περιεχόμενό σας σε απλά αρχεία HTML. Μπορείτε να χρησιμοποιήσετε μια μεγάλη γκάμα θεμάτων και να κάνετε προεπισκόπηση του ιστότοπού σας εύκολα κατά τη διάρκεια της διαδικασίας σχεδιασμού.
Το Hugo παρέχει επαναχρησιμοποιήσιμα στοιχεία και μια βολική τυπική δομή αρχείων, μεταξύ άλλων πλεονεκτημάτων. Αλλά ο Hugo είναι μόνο μία επιλογή. Θα πρέπει να συνεχίσετε να ερευνάτε άλλους δημιουργούς στατικών τοποθεσιών που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε έναν ιστότοπο.
11 Δημιουργητές στατικών τοποθεσιών ανοιχτού κώδικα που μπορείτε να χρησιμοποιήσετε για να δημιουργήσετε τον ιστότοπό σας
Διαβάστε Επόμενο
Σχετικά θέματα
- Προγραμματισμός
- Ανάπτυξη διαδικτύου
- Web Design
- HTML
Σχετικά με τον Συγγραφέα
Η Sharlene είναι Tech Writer στο MUO και εργάζεται επίσης με πλήρη απασχόληση στην ανάπτυξη λογισμικού. Είναι πτυχιούχος Πληροφορικής και έχει προϋπηρεσία στη Διασφάλιση Ποιότητας και στο Πανεπιστημιακό Φροντιστήριο. Η Sharlene λατρεύει τα παιχνίδια και το πιάνο.
Εγγραφείτε στο ενημερωτικό μας δελτίο
Εγγραφείτε στο ενημερωτικό μας δελτίο για συμβουλές τεχνολογίας, κριτικές, δωρεάν ebook και αποκλειστικές προσφορές!
Κάντε κλικ εδώ για να εγγραφείτε