Μία από τις δυσκολίες που αντιμετώπισα προσπαθήστε να περάσετε Worpress σε Jekyll fΈπρεπε να καταλάβω τι εξυπηρετούσε το κάθε στοιχείο και πώς αλληλεπιδρούσαν μεταξύ τους. Βρήκα τη λύση όταν σταμάτησα να προσπαθώ να δημιουργήσω το blog μου από την αρχή και ξεκίνησα την αντίστροφη μηχανική ένα θέμα που αναπτύχθηκε από κάποιον άλλο. Τα πλεονεκτήματα του ανοιχτού κώδικα.
Για να ξεκινήσετε, υποθέτοντας ότι έχετε εγκαταστήσει τις προϋποθέσεις που περιγράφονται στα προηγούμενα άρθρα, ας δημιουργήσουμε τον ιστότοπό μας. Το παράδειγμα είναι ένα ιστολόγιο κηπουρικής.
jekyll new blog_de_jardineria
Αν μεταβείτε στον φάκελο θα δείτε τα εξής:
- Ένας φάκελος που ονομάζεται _αναρτήσεις.
- Δύο αρχεία με σήμανση επέκτασης
- Μια ιστοσελίδα.
- Ένα αρχείο ρυθμίσεων με επέκταση .yml για το οποίο θα μιλήσουμε εκτενώς σε επόμενο άρθρο.
- Ένα Gemfile που παραθέτει τα στοιχεία του ιστότοπου και ένα άλλο με το ίδιο όνομα αλλά με επέκταση .lock που αποτρέπει τις ακούσιες τροποποιήσεις.
Η δομή του έργου
Όπως κάθε ιστότοπος που βασίζεται στο WordPress, Ο Jekyll δημιουργεί επίσης μια δομή φακέλου όπου αποθηκεύει όλα τα αρχεία και το κάνει για τους ίδιους λόγους. Επιτρέψτε στο χρήστη να ομαδοποιήσει τα αρχεία με τακτοποιημένο τρόπο και, όσο μεγαλώνει το έργο, θα παραμείνει διαχειρίσιμο.
Ο βασικός φάκελος δημιουργείται με την εντολή jekyll new.
Μέσα σε αυτό βρίσκουμε δύο τύπους φακέλων. αυτά που σχετίζονται με τη διαμόρφωση του ιστολογίου που προσδιορίζονται με παύλα μπροστά από το όνομα (στην περίπτωσή μας ο φάκελος _post και αυτά που έχουν πόρους που δεν θα συμπεριληφθούν ως μέρος της διαδικασίας δημιουργίας. Για παράδειγμα, αυτά που περιέχουν εικόνες .
Φάκελοι που βασίζονται σε περιεχόμενο
Σε αυτή την ομάδαΤο e αποθηκεύει περιεχόμενο που προορίζεται για επισκέπτες του ιστότοπου
_ Θέση
Ο φάκελος _POST περιέχει όλες τις αναρτήσεις ιστολογίου. Εδώ χρησιμοποιείται μια πολύ συγκεκριμένη μορφή για κάθε ένα από τα αρχεία που είναι αποθηκευμένα σε αυτό. Το όνομα αρχείου πρέπει να έχει τη μορφή ημερομηνίας-όνομα αρχείου — έτος-μήνας-ημερομηνία-full_file_name.md — και αυτή η ημερομηνία ανάρτησης θα εμφανίζεται ως η ημερομηνία που έγινε αυτή η ανάρτηση ιστολογίου Jekyll. Πρέπει να λάβουμε υπόψη ότι ακόμα κι αν καλείται ο φάκελος _ αναρτήσεις, εδώ είναι όλο το περιεχόμενο που θα δουν οι αναγνώστες του ιστολογίου, για παράδειγμα τη φόρμα επικοινωνίας ή τα βιογραφικά των συγγραφέων. Αργότερα θα δούμε ότι είναι δυνατή η αντιστοίχιση διαφορετικών διατάξεων στις σελίδες.
_προσχέδια
Είναι το ισοδύναμο της αποθήκευσης του προχείρου του WordPress. Η συνιστώμενη χρήση του είναι για αναρτήσεις που δεν είναι έτοιμες για δημοσίευση, αν και μπορούν να χρησιμοποιηθούν για την αποθήκευση λιστών ιδεών, σχεδίων για χρήση αργότερα κ.λπ.
_περιλαμβάνει
Σε αυτό το χώρο μπορούμε να αποθηκεύσουμε κώδικα html που μπορεί να επαναχρησιμοποιηθεί πολλές φορές. Για παράδειγμα, στην περίπτωσή μας, ένα banner που χαιρετίζει την έναρξη μιας σεζόν ανάλογα με το ημισφαίριο στο οποίο βρίσκεται ο χρήστης.
_διατάξεις
Όπως είπαμε παραπάνω, διαφορετικά κομμάτια περιεχομένου μπορεί να χρειάζονται διαφορετικές διατάξεις. Για παράδειγμα, για να προβάλουμε ένα βίντεο, μπορεί να θέλουμε η σελίδα να έχει μία στήλη, ενώ αν είναι προσκεκλημένος συγγραφέας θα χρειαζόμαστε μια στήλη για να εμφανίζεται το βιογραφικό του και τα στοιχεία επικοινωνίας του. Τα διαφορετικά σχέδια που θα χρησιμοποιήσει ο ιστότοπος αποθηκεύονται σε αυτόν τον φάκελο.
φακέλους πληροφοριών
Αυτοί οι δύο φάκελοι χρησιμοποιούνται από τον ιστότοπο για τη λειτουργία του.
_δεδομένα
Σε ένα ιστολόγιο ενός ατόμου, το αρχείο ρυθμίσεων μπορεί να αποθηκεύσει όλα τα απαραίτητα δεδομένα. Αλλά, αν έχουμε ένα blog με πολλούς συγγραφείς, χρειάζεται άλλος τρόπος διαχείρισης των πληροφοριών. Ο φάκελος _δεδομένα Χρησιμοποιείται για την αποθήκευση δεδομένων σε μορφές JSON ή CSV που μπορεί να ανακτήσει ο ιστότοπος με βάση την αλληλεπίδραση με τους χρήστες.
_αν εσύ
Ο φάκελος _αν εσύ Ολοκληρώνει τον ιστότοπο με όλες τις πληροφορίες που είναι διαθέσιμες στους προηγούμενους φακέλους. Εδώ θα βρούμε τον ιστότοπο που θα ανεβάσουμε στον διακομιστή για να έχουν πρόσβαση οι χρήστες. Φυσικά, καθώς είναι κώδικας html και css, είναι δυνατό να γίνουν τροποποιήσεις σε αυτόν όπως κάθε άλλη ιστοσελίδα.
Στο επόμενο άρθρο θα αρχίσουμε να τροποποιούμε το αρχείο ρυθμίσεων.