Οδηγός λήψης και εγκατάστασης Jekyll: Δημιουργήστε έναν στατικό ιστότοπο ιστολογίου από την αρχή στον τοπικό σας υπολογιστή

αυτό το άρθρο Jekyll Κατεβάστε το σεμινάριο εγκατάστασης και θα σας διδάξουμε βήμα προς βήμα✨Μπορείτε να έχετε το δικό σας blog χωρίς να ξοδέψετε χρήματα!

Δημιουργήστε έναν στατικό ιστότοπο ιστολογίου από την αρχή, ακόμα κι αν είστε αρχάριος, μπορείτε εύκολα να το κάνετε! Δεν χρειάζεται να περιπλέκεσαιφτιάξτε μια ιστοσελίδα, αποχαιρετήστε τον κόπο να δημιουργήσετε έναν ιστότοπο, αποκτήστε το δικό σας αποκλειστικό blog μέσα σε λίγα λεπτά και αφήστε τα ταλέντα και τη δημιουργικότητά σας να λάμψουν! 🚀🎉

Τι είναι ο Τζέκιλ;

Το Jekyll, μια δημιουργία στατικών ιστότοπων, είναι πολύ κατάλληλο για τη δημιουργία ιστοσελίδων ιστολογίων.

Μπορεί να χρησιμοποιεί κείμενο γραμμένο σε γλώσσα σήμανσης και να χρησιμοποιεί διάταξη για τη δημιουργία στατικών ιστότοπων.

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

Οι ελλείψεις του Jekyll είναι προφανείς Επειδή δεν χρησιμοποιεί βάση δεδομένων, είναι εντελώς ακατάλληλο για κατασκευήΗΛΕΚΤΡΟΝΙΚΟ ΕΜΠΟΡΙΟτύπος ιστότοπου.

Ποια είναι τα πλεονεκτήματα του Jekyll;

• Το Jekyll είναι εύκολο στη χρήση και στην εκμάθηση.
• Το Jekyll μπορεί να δημιουργήσει γρήγορους και ασφαλείς στατικούς ιστότοπους.
• Το Jekyll έχει μεγάλο αριθμό θεμάτων και προσθηκών διαθέσιμα.

Πώς να ξεκινήσετε να χρησιμοποιείτε το Jekyll;

1. Εγκαταστήστε το Jekyll.
2. Δημιουργήστε έναν νέο ιστότοπο Jekyll.
3. Επιλέξτε ένα θέμα Jekyll.
4. Προσθέστε το περιεχόμενό σας.
5. Προεπισκόπηση του ιστότοπού σας.
6. Φτιάξτε την ιστοσελίδα σας.
7. Αναπτύξτε τον ιστότοπό σας:Το στατικό ιστολόγιο Jekyll αναπτύσσεται στο Surge.sh δωρεάν

Εγκαταστήστε το Jekyll κατεβάζοντας το RubyInstaller

Ο ευκολότερος τρόπος εγκατάστασης των Ruby και Jekyll είναι να χρησιμοποιήσετε το RubyInstaller για Windows.

Το RubyInstaller είναι ένα ανεξάρτητο πρόγραμμα εγκατάστασης που βασίζεται σε Windows που περιλαμβάνει τη γλώσσα Ruby, το περιβάλλον εκτέλεσης, τη σημαντική τεκμηρίωση κ.λπ.

Εδώ καλύπτουμε μόνο το RubyInstaller-2.4 και νεότερη έκδοση. Οι παλαιότερες εκδόσεις απαιτούν μη αυτόματη εγκατάσταση του Devkit.

βήμα 1:Κατεβάστε το RubyInstaller

• Λήψη και εγκατάσταση από το RubyInstaller DownloadsRuby+Devkitεκδοχή.
• Εγκαταστήστε χρησιμοποιώντας τις προεπιλεγμένες επιλογές.

第 2 步:Εισαγάγετε cmd

πιέζωΠλήκτρο WIN + κλειδί R, μετά εισάγετε cmd, μετά πατήστε Enter ▼

第 3 步:Εισαγάγετε την είσοδο εντολής ridk installΒήματα στα τελικά στάδια εγκατάστασης.

• Αυτό απαιτείται για την εγκατάσταση πολύτιμων λίθων με εγγενείς επεκτάσεις.
• Επιλέξτε από τις επιλογέςMSYS2 and MINGW development tool chain.

• Εκτέλεση εντολής ruby -v 和 gem -v για να ελέγξετε τον αριθμό έκδοσης για να επιβεβαιώσετε εάν η εγκατάσταση ήταν επιτυχής.

Ανοίξτε το μενού Έναρξη των Windows και βρείτεStart Command Prompt with Ruby, για να ενεργοποιήσετε τη γραμμή εντολών Ruby.

第 4 步:Αλλαγή πηγής πολύτιμων λίθων σε κινεζική πηγή

Λόγω προβλημάτων σύνδεσης δικτύου και ταχύτητας, προτού σκεφτείτε να ενημερώσετε το στολίδι, συνιστάται ανεπιφύλακτα να αλλάξετε την πηγή πολύτιμου λίθου στην κινεζική πηγή ▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

ή

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

第 5 步:Ας δούμε τις τρέχουσες πηγές ▼

gem sources -l

• Βεβαιωθείτε ότι υπάρχουν μόνο gems.ruby-china.com

第 6 步:Ενημερώστε το Ruby gem▼

gem update

第 7 步:Εγκαθιστούμε εξαρτήματα ▼

gem install jekyll bundler

第 8 步:Ελέγξτε εάν το Jekyll είναι πλήρως εγκατεστημένο ▼

jekyll -v

Δημιουργήστε έναν ιστότοπο Jelly static blog στον τοπικό σας υπολογιστή

第 1 步:Αλλάξτε το γράμμα της μονάδας ▼
Εισαγάγετε απευθείας σε cmdd:

第 2 步:Αλλαγή τρέχοντος φακέλου ▼

cd d:\Jekyll\

第 3 步:Δημιουργήστε έναν νέο ιστότοπο Jekyll χρησιμοποιώντας την ακόλουθη εντολή ▼

jekyll new site1

第 4 步:Εισαγάγετε τον κατάλογο του έργου ▼

cd site1

第 5 步:Ξεκινήστε την υπηρεσία Jekyll ▼

jekyll serve

传递--livereloadεπιλογές για ναserveΑυτόματη ανανέωση της σελίδας κάθε φορά που γίνονται αλλαγές στο αρχείο προέλευσης ▼

bundle exec jekyll serve --livereload

• Όταν αναπτύσσετε τον ιστότοπό σας, χρησιμοποιήστεjekyll serveΉ jekyll build
• Για να αναγκάσετε το πρόγραμμα περιήγησης να ανανεώνει σε κάθε αλλαγή, χρησιμοποιήστε τοjekyll serve --livereload.
• jekyll serveΕνσωματωμένη έκδοση ιστότοπου_siteΔεν είναι κατάλληλο για ανάπτυξη.
• Χρησιμοποιήστε συνδέσμους και διευθύνσεις URL στοιχείων από τον ιστότοπο που δημιουργήθηκε jekyll serve θα χρησιμοποιήσω https://localhost:4000 Η τιμή ορίζεται μέσω της διαμόρφωσης της γραμμής εντολών και όχι στο αρχείο ρυθμίσεων του ιστότοπου.

第 6 步:πρόσβαση http://localhost:4000 Προβολή έργου.

Σημείωση:

• Εάν το αρχείο τοποθετηθεί στο xxx.github io/blog, ενδέχεται να μην ενημερωθεί η σελίδα Github.
• Ο λόγος για αυτό το φαινόμενο είναι ότι το GitHub θα διαβάζει μόνο το xxx.github .io/_includes στο Jekyll και δεν θα εμβαθύνει στο blog/_includes.
• Ευτυχώς, αυτό το πρόβλημα δεν είναι δύσκολο πρόβλημα. Απλώς ρυθμίστε μια σελίδα Github στο GitHub και το πρόβλημα θα λυθεί σε μια στιγμή!

Πώς να διαγράψετε τον ιστότοπο Jekyll που είναι εγκατεστημένος στον τοπικό υπολογιστή μέσω εντολών;

Μπορείτε να χρησιμοποιήσετε την ακόλουθη εντολή για να διαγράψετε έναν τοπικά εγκατεστημένο ιστότοπο Jekyll.

Διαγράψτε τα αρχεία που δημιουργούνται:

第 1 步:Εκτελέστε την ακόλουθη εντολή για να διαγράψετε τα αρχεία που δημιουργούνται ▼

jekyll clean

第 2 步:Διαγράψτε όλους τους καταλόγους ιστοτόπων

• Εάν θέλετε να διαγράψετε εντελώς ολόκληρο τον κατάλογο του ιστότοπου, μπορείτε να διαγράψετε μη αυτόματα τον C:/Users/a/myblog ντοσιέ.

Πόροι Τζέκιλ

Το Jekyll είναι ένα απλό πλαίσιο τύπου blog για τη δημιουργία στατικών ιστότοπων.

Χρησιμοποιεί Χαμήλωση τιμής και Ρευστή γλώσσα προτύπου, που σας επιτρέπει να δημιουργείτε εύκολα όμορφους, δυναμικούς ιστότοπους.

Δείτε την τεκμηρίωση του Jekyll για περισσότερες πληροφορίες.

Εδώ είναι μερικοί χρήσιμοι πόροι για το Jekyll. Ελπίζω ότι αυτοί οι πόροι μπορούν να σας βοηθήσουν να χρησιμοποιήσετε το Jekyll για να δημιουργήσετε έναν ιστότοπο!