Πρόσφατα υπήρξε τεράστια αλλαγή στους στατικούς ιστότοπους στον τομέα της ανάπτυξης ιστού. Οι στατικοί ιστότοποι είναι ευκολότεροι στη συντήρηση (δεν υπάρχουν βάσεις δεδομένων, κανένα σενάριο από την πλευρά του διακομιστή!) Και είναι πιο ασφαλή, γενικά, δεδομένου ότι το μόνο πράγμα που εξυπηρετείται στις συσκευές των χρηστών είναι τα αρχεία HTML, CSS και Javascript. Προκειμένου ορισμένοι τύποι ιστοτόπων, όπως τα ιστολόγια και οι ιστοτόποι τεκμηρίωσης, να καταστούν στατικές, απλά γράφοντας κώδικα σε αρχεία HTML γίνεται επίπονη. Γίνεται επίσης δύσκολη η διατήρηση χώρων με μεγάλο περιεχόμενο, ειδικά όταν πρέπει να αλλάξουν ορισμένα μικρά χαρακτηριστικά (όπως ο σχεδιασμός).
Αυτό είναι όπου οι γεννήτριες στατικών τοποθεσιών μπαίνουν. Οι στατικές γεννήτριες ιστότοπων βασικά μετατρέπουν (ή μεταγλωττίζουν) μια δέσμη διαφορετικών αρχείων πόρων σε έναν ιστότοπο. Αυτό σημαίνει ότι το περιεχόμενο μπορεί να παραμείνει ξεχωριστό από τον κώδικα διάταξης και τα στοιχεία του ιστότοπου όπως οι εικόνες μπορούν να παραμείνουν εντελώς διαφορετικά. Υπάρχουν πολλοί γεννήτριες στατικών τοποθεσιών εκεί έξω, εκατοντάδες ακόμα. Ακολουθεί μια λίστα των 10 καλύτερων γεννητριών στατικών τοποθεσιών μαζί με τις αναθεωρήσεις τους.
Στατικές γεννήτριες ιστότοπων
1. Jekyll
Με μια λέξη: Ο βασιλιάς των γεννητριών στατικών τοποθεσιών . Ο Jekyll είναι η πιο χρησιμοποιημένη στατική γεννήτρια εκεί, με τη μεγαλύτερη τεκμηρίωση, τη μεγαλύτερη κοινότητα και την καλύτερη υποστήριξη. Ακόμα και η GitHub προσφέρει ενσωματωμένη υποστήριξη για τον Jekyll στην υπηρεσία GitHub Pages. Ο Jekyll υπερηφανεύεται ότι είναι ενημερωμένος στο blog. Κάνοντας ένα στατικό blog στο Jekyll είναι πραγματικά εύκολο. Χρειάζεται μόνο γνώση της βασικής ανάπτυξης ιστοσελίδων. Είναι πραγματικά λάμπει, λόγω της εύκολης εγκατάστασης χαρακτηριστικά για αρχάριους, την ίδια στιγμή που έχουν πραγματικά ισχυρά χαρακτηριστικά για εκείνους με τη γνώση για να τα χρησιμοποιήσετε.
Ο Jekyll σάς επιτρέπει να δημιουργείτε και να χρησιμοποιείτε διαφορετικά plugins, ετικέτες και ακόμη και να δημιουργείτε τους δικούς σας μετατροπείς για οποιαδήποτε γλώσσα σήμανσης θέλετε να χρησιμοποιήσετε με τον Jekyll. Η προεπιλεγμένη γλώσσα σήμανσης για τον Jekyll - όπως και τα περισσότερα από τα υπόλοιπα - είναι το Markdown. Ο Jekyll έχει plugins για τη σύνταξη Less, Stylus, δημιουργία σύννεφων ετικετών, σελίδες χρηστών για blogs και πολλά άλλα.
Ο Jekyll βασίζεται στον Υγρό Πρότυπο Μηχανή από Shopify. Τρέχει εξ ολοκλήρου με τον Ruby, οπότε είναι εύκολο να εγκατασταθεί μαζί με εξαρτήσεις χρησιμοποιώντας rvm, ή χρησιμοποιώντας το πακέτο. Ο Jekyll έχει επίσης επιλογές εύκολης μετανάστευσης, αν θέλετε να μεταναστεύσετε από το WordPress, το Blogger ή οποιοδήποτε άλλο site blogging. Κτυπά κάθε άλλη γεννήτρια στατικών τοποθεσιών εκεί, με τα χέρια κάτω, από την άποψη του μεγέθους του χρήστη. Είναι υπό ενεργό ανάπτυξη (η τελευταία αλλαγή στο GitHub repo έρχεται πριν από μία ημέρα, τη στιγμή της γραφής).
Για να εγκαταστήσετε τον Jekyll, απλά εισάγετε αυτήν την εντολή στο Ruby: gem install jekyll
2. Pelican
Το Pelican είναι μια γεννήτρια στατικών τοποθεσιών που είναι χτισμένη στο Python. Διαθέτει πολυγλωσσική καταχώριση περιεχομένου, επισημάνσεις κώδικα (σύνταξη), καθώς και εύκολη παραγωγή RSS και Atom Feeds. Το Pelican έχει μια ωραία επιλογή Plugins, τα οποία φιλοξενούνται σε ένα κεντρικό αποθετήριο GitHub. Υποστηρίζει 3 μορφές εγγράφων από προεπιλογή: Markdown, restructuredText και Ascii Doc.
Το Pelican είναι αρκετά μοναδικό, δεδομένου ότι είναι χτισμένο σε Python. Υποστηρίζει την ισχυρή μηχανή πρότυπου Jinja, η οποία βασίζεται στο python, επιτρέποντας την εύκολη δημιουργία όμορφων θεμάτων και προτύπων για τον Pelican. Όσον αφορά την υποστήριξη μετανάστευσης, το Pelican προσφέρει υποστήριξη για τα WordPress και Tumblr. Αντί για τα συνηθισμένα αρχεία YAML για διαμόρφωση, το Pelican χρησιμοποιεί ένα αρχείο .py με όνομα pelicanconf.py για ρυθμίσεις και ρυθμίσεις.
Ο ευκολότερος τρόπος για να εγκαταστήσετε pelican, είναι με τη χρήση pip: pip install pelican
3. Middleman
Το Middleman είναι μια γεννήτρια στατικών τοποθεσιών με ρουμπίνι που ακολουθεί μια εύκολη πρώτη προσέγγιση για την κατασκευή στατικών τοποθεσιών. Έχει ισχυρά χαρακτηριστικά για τη διατήρηση στατικών ιστολογίων, όπως εύκολη δημιουργία ετικετών, γρήγορες εντολές για την καταχώρηση κατηγοριοποιημένων άρθρων και σελίδωση. Το Middleman δεν προσφέρει υποστήριξη μετανάστευσης, οπότε αν θέλετε να κάνετε ένα υπάρχον ιστολόγιο στατικό, το Middleman ίσως να μην είναι η καλύτερη ιδέα για τώρα.
Το Middleman προσφέρει υποστήριξη για τα περισσότερα από τα σύγχρονα εργαλεία ανάπτυξης ιστού όπως HAML, Coffeescript, Sass και τα υπόλοιπα. Η προεπιλεγμένη μηχανή του είναι eRb, αλλά σας επιτρέπει να μεταβείτε σε μια προσαρμοσμένη μηχανή προτύπου της επιλογής σας. Όλοι οι κινητήρες πρότυπου με δυνατότητα Tilt (ο πλήρης κατάλογος βρίσκεται εδώ) εργάζονται στο Middleman. Υποστηρίζει εγγενώς 2 μορφές διαμόρφωσης - YAML, JSON. Το Frontmatter για το περιεχόμενό σας πρέπει επίσης να είναι YAML ή JSON ανάλογα με τη μορφή διαμόρφωσης που χρησιμοποιείτε.
Εγκαταστήστε Middleman χρησιμοποιώντας Ruby με: gem install middleman
4. Metalsmith
Η Metalsmith υπερηφανεύεται για την ύπαρξη γεννήτριας στατικής τοποθεσίας. Αυτό σημαίνει ότι όλη η λογική του Metalsmith αντιμετωπίζεται από plugins. Οποιαδήποτε λειτουργία που χρειάζεστε, προσθέστε μόνο τα απαιτούμενα πρόσθετα. Ο τεράστιος αριθμός προσφορών που προσφέρει η Metalsmith χτυπά σχεδόν κάθε ανταγωνιστή (ίσως να εμποδίζει τον Jekyll και το Docpad). Αυτό σημαίνει ότι το Metalsmith μπορεί να χρησιμοποιηθεί ως κάτι περισσότερο από μια γεννήτρια στατικών τοποθεσιών.
Με τα λόγια τους "Δεδομένου ότι όλα είναι ένα plugin, η βασική βιβλιοθήκη είναι στην πραγματικότητα απλώς μια αφαίρεση για τον χειρισμό ενός καταλόγου αρχείων". Αυτό που προσθέτει τελικά είναι ότι χρησιμοποιείτε το Metalsmith εξίσου εύκολα με ένα ικρίωμα έργου, μια γεννήτρια ebook, ένα εργαλείο κατασκευής, κάνοντας τεχνική τεκμηρίωση και πολλά άλλα (αυτά τα παραδείγματα παρουσιάζονται στην ιστοσελίδα του Metalsmith).
Ο Metalsmith βασίζεται στο Node.js και μπορεί να εγκατασταθεί χρησιμοποιώντας τον διαχειριστή πακέτων κόμβων με: $ npm install metalsmith
Homepage 5. Harp
Η Harp έχει ενσωματωμένη προεπεξεργασία για το Jade, Markdown, LESS, Sass, Coffeescript, EjS και Stylus χωρίς επιπλέον διαμόρφωση. Σας επιτρέπει επίσης να χρησιμοποιήσετε τις διατάξεις / μερικό πρότυπο με το Jade και το EjS, το οποίο χρειάζεται πρόσθετα πρόσθετα σε άλλες γεννήτριες στατικών τοποθεσιών.
Η Harp είναι χτισμένη στο Node.Js και μπορεί να λειτουργήσει χέρι-χέρι με την πλατφόρμα Harp, η οποία σας επιτρέπει να δημιουργείτε ιστοσελίδες από το φάκελο Dropbox. Η Harp μπορεί επίσης να μεταγλωττίσει σελίδες για χρήση στις σελίδες GitHub, PhoneGap και Heroku.
Για να εγκαταστήσετε το Harp, χρησιμοποιήστε npm και τρέξτε: sudo npm install -g harp
Αρχική σελίδα
6. Octopress
Τεχνικά Octopress είναι μια τροποποιημένη πιρούνι Jekyll, αλλά λόγω της τεράστιας δημοτικότητάς της, έχει συμπεριληφθεί σε αυτόν τον κατάλογο. Octopress είναι βασικά Jekyll για τους χάκερ (και τους κατασκευαστές σιδηροτροχιών). Η προσαρμογή του Octopress γίνεται εύκολη, ειδικά εάν δημιουργείτε ένα blog, καθώς το Octopress περιλαμβάνει προεπιλογή πολλά από τα plugins που θα χρειαστείτε για να τρέξετε ένα blog στο Jekyll.
Στο τμήμα προσαρμογής, ο κώδικας Octopress διευκολύνει τους χρήστες να τροποποιήσουν τον κώδικα και να γράψουν τον δικό τους κώδικα. Τούτου λεχθέντος, πολλά από τα plugins για το Octopress είναι συμβατά με τον Jekyll (και αντίστροφα).
Για να εγκαταστήσετε το Octopress,
- Κλωνοποιήστε το repo GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Εγκαταστήστε τις εξαρτήσεις
gem install bundlerrbenv rehash# Εάν χρησιμοποιείτε rbenv, rehash για να μπορέσετε να εκτελέσετε την εντολή δέσμηςbundle install - Εγκαταστήστε το προεπιλεγμένο θέμα Octopress
rake install
7. Docpad
Το Docpad είναι μια δυναμική γεννήτρια στατικών τοποθεσιών. Επεκτείνει τις δυνατότητες των κανονικών γεννητριών στατικών τοποθεσιών, με λειτουργίες όπως η αναζήτηση βάσεων δεδομένων μέσω μηχανής ερωτήματος, η εισαγωγή σελίδων από εξωτερικές βάσεις δεδομένων και η εκ νέου απόδοση της ιστοσελίδας σε κάθε αίτημα.
Το Docpad έχει εγγενή υποστήριξη για προ-επεξεργαστές, όπως το Coffeescript, το Stylus και το LESS, και χρησιμοποιεί plugins για την υποστήριξη προτύπων, προ-επεξεργαστών και γλωσσών σήμανσης, ώστε να μπορείτε να επιλέξετε όποιους συνδυασμούς θέλετε χρησιμοποιώντας το απαραίτητο plugin. Το Docpad υποστηρίζει επίσης την εισαγωγή σελίδων από εξωτερικές πηγές όπως Tumblr, GitHub και Dropbox μέσω plugins.
Το Docpad είναι μια πλούσια σε χαρακτηριστικά πλατφόρμα, με πολλά plugins και εξαιρετική τεκμηρίωση. Είναι ενσωματωμένο και χρησιμοποιεί το Node.js για αλληλεπιδράσεις διακομιστή.
Απλά εγκαταστήστε το Docpad χρησιμοποιώντας npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Αρχική σελίδα
8. Hexo
Το Hexo είναι ένα ελαφρύ στατικό πλαίσιο blog που υπερηφανεύεται για την ταχύτατη γρήγορη παραγωγή του site. Το Hexo είναι ιδανικό για bloggers με μεγάλο περιεχόμενο που θέλουν μια απλή γεννήτρια στατικών τοποθεσιών. Προσφέρει επιλογές εύκολης μετανάστευσης από άλλες πλατφόρμες blogging όπως το WordPress, το Joomla, το Jekyll, το Octopress και το RSS. Από τα σπουδαία πράγματα για το Hexo είναι ότι μπορείτε να χρησιμοποιήσετε τα περισσότερα από τα plugins που κατασκευάζονται για το Octopress (και κατ 'επέκταση, plugins που έγιναν για τον Jekyll με πολύ μικρές τροποποιήσεις)
Η Hexo υποστηρίζει Markdown, YAML για μπροστινή ύλη και διαμόρφωση. Διατηρώντας την ταχύτητά της, το Hexo σας επιτρέπει να αναπτύξετε σε τοποθεσίες όπως το GitHub, το Heroku και το Rsync με μία μόνο εντολή.
Το Hexo μπορεί να εγκατασταθεί χρησιμοποιώντας το Node.js: npm install hexo-cli -g
9. Hugo
Το Hugo είναι μια γενική γεννήτρια στατικών ιστοσελίδων με καλές δυνατότητες όπως τα πρότυπα και τα μερίδια, την κατονομασία και τις ταξινομίες που είναι βασικά ένα μοναδικό σύστημα κατηγοριοποίησης περιεχομένου που ακολουθεί ο Hugo. Αυτό σημαίνει ότι μπορείτε να ταξινομήσετε τις αναρτήσεις εύκολα με βάση όχι μόνο ετικέτες, αλλά και με οποιονδήποτε άλλο τρόπο επιθυμείτε, όπως κατηγορίες ή σειρές απευθείας από το frontmatter. Hugo υποστηρίζει τρεις τύπους αρχείων δεδομένων - YAML, JSON και TOML, και σας επιτρέπει να αποφασίσετε ποια είναι πιο άνετη για εσάς.
Αντί για plugins, ο Hugo χρησιμοποιεί "shortcodes" που σας επιτρέπουν να χρησιμοποιήσετε πλούσιο περιεχόμενο μέσα στο Markdown σας. Για να μάθετε πώς λειτουργεί αυτό, διαβάστε αυτό το άρθρο. Ο Hugo γράφεται στη γλώσσα προγραμματισμού Go και προσφέρει ξεχωριστά αρχεία εγκατάστασης για διαφορετικές πλατφόρμες στη σελίδα του GitHub. Για να γνωρίζετε ακριβώς πώς μπορείτε να εγκαταστήσετε το Hugo για χρήση, διαβάστε τις οδηγίες εγκατάστασης του Hugo.
Εάν χρησιμοποιείτε το Homebrew, τότε ο Hugo και όλες οι εξαρτήσεις μπορούν να εγκατασταθούν με: brew install hugo
10. Brunch
Το Brunch προσανατολίζεται προς τις εφαρμογές ιστού HTML5 αντί για ιστολόγια και ιστότοπους, αλλά εξακολουθεί να είναι μια πολύ απλή στη χρήση, γρήγορη γεννήτρια στατικών τοποθεσιών. Δεν συνθέτει μόνο τον κώδικα και τα σενάρια, αλλά μπορεί επίσης να συρρικνώσει (ελαχιστοποιήσει) τον κωδικό σας και να συμπιέσει εικόνες αυτόματα. Το Brunch διαθέτει ένα πλήθος plugins που μπορείτε να χρησιμοποιήσετε για να το προσαρμόσετε ανάλογα με τις ανάγκες σας. Ο πλήρης κατάλογος των προσθηκών Brunch μπορεί να βρεθεί εδώ.
Το Brunch προσφέρει «σκελετούς» που είναι βασικά boilerplates για την εκκίνηση της ιστοσελίδας σας (ή web app). Προσφέρει μία από τις ταχύτερες ταχύτητες σύνταξης, απλώς και μόνο επειδή το Brunch αποθηκεύει όλα τα αμετάβλητα μέρη του έργου σας και συντάσσει μόνο εκείνα τα αρχεία που έχουν αναθεωρηθεί. Το Brunch είναι χτισμένο στο Node.js και μπορεί να εγκατασταθεί με npm: npm install -g brunch
Έχετε κάποιες προτάσεις σχετικά με αυτό το άρθρο; Αφήστε το στα σχόλια!
