Vodič za preuzimanje i instalaciju Jekylla: Napravite statičnu web stranicu bloga od nule na vašem lokalnom računalu

Ovo Jekyll Preuzmite vodič za instalaciju i naučite vas korak po korak✨Možete imati svoj blog bez trošenja novca!

Napravite statičnu web stranicu za blog od nule, čak i ako ste početnik, to možete lako učiniti! Nema potrebe da se komplikujeIzgradite stanicu, oprostite se od muke oko izrade web stranice, imajte svoj ekskluzivni blog za nekoliko minuta i pustite da vaš talent i kreativnost zablistaju! 🚀🎉

Šta je Jekyll?

Jekyll, generator statičkih web stranica, vrlo je pogodan za izradu blog web stranica.

Može koristiti tekst napisan u jeziku za označavanje i koristiti izgled za izradu statičkih web stranica.

Možete izmijeniti izgled web stranice, URL, podatke prikazane na stranici i još mnogo toga...

Nedostaci Jekyll-a su očigledni jer ne koristi bazu podataka, potpuno je neprikladan za izgradnjuE-trgovinatip web stranice.

Koje su prednosti Jekyll-a?

• Jekyll je jednostavan za korištenje i učenje.
• Jekyll može generirati brze i sigurne statične web stranice.
• Jekyll ima veliki broj dostupnih tema i dodataka.

Kako početi koristiti Jekyll?

1. Instalirajte Jekyll.
2. Kreirajte novu Jekyll web stranicu.
3. Odaberite Jekyll temu.
4. Dodajte svoj sadržaj:Vodič za novi članak o Jekyllu
5. Pregledajte svoju web stranicu.
6. Izgradite svoju web stranicu.
7. Postavite svoju web stranicu:Jekyll statički blog je besplatno postavljen na Surge.sh

Instalirajte Jekyll preuzimanjem RubyInstallera

Najlakši način da instalirate Ruby i Jekyll je da koristite RubyInstaller za Windows.

RubyInstaller je nezavisni instalater zasnovan na Windows-u koji uključuje Ruby jezik, okruženje za izvršavanje, važnu dokumentaciju itd.

Ovdje pokrivamo samo RubyInstaller-2.4 i novije. Starije verzije zahtijevaju ručnu instalaciju Devkita.

korak 1:Preuzmite RubyInstaller

• Preuzmite i instalirajte s RubyInstaller DownloadsRuby+Devkitverzija.
• Instalirajte koristeći zadane opcije.

Korak 2:Unesite cmd

pritisniteTipka WIN + tipka R, zatim unesite cmd, zatim pritisnite Enter ▼

Korak 3:Unesite unos komande ridk installKoraci u završnim fazama instalacije.

• Ovo je potrebno za instaliranje dragulja s izvornim ekstenzijama.
• Izaberite neku od opcijaMSYS2 and MINGW development tool chain.

• Pokreni naredbu ruby -v 和 gem -v da provjerite broj verzije i potvrdite da li je instalacija bila uspješna.

Otvorite Windows Start meni i pronađiteStart Command Prompt with Ruby, da omogućite Ruby komandnu liniju.

Korak 4:Prebacite izvor dragulja na kineski izvor

Zbog problema sa mrežnom vezom i brzinom, prije nego što razmislite o ažuriranju dragulja, toplo se preporučuje da prebacite izvor dragulja na kineski izvor▼

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

ili

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

Korak 5:Pogledajmo trenutne izvore ▼

gem sources -l

• Pobrinite se da postoje samo gems.ruby-china.com

Korak 6:Ažurirajte Ruby gem▼

gem update

Korak 7:Ugrađujemo komponente ▼

gem install jekyll bundler

Korak 8:Provjerite je li Jekyll u potpunosti instaliran▼

jekyll -v

Napravite Jelly statički blog web stranicu na svom lokalnom računalu

Korak 1:Promijenite slovo pogona▼
Unesite direktno u cmdd:

Korak 2:Promijenite trenutni folder▼

cd /d d:\Jekyll\

Korak 3:Kreirajte novu Jekyll web stranicu koristeći sljedeću naredbu ▼

jekyll new site1

Korak 4:Unesite direktorij projekta▼

cd site1

Korak 5:Pokrenite Jekyll uslugu▼

bundle exec jekyll serve

transfer--livereloadopcije zaserveAutomatski osvježite stranicu svaki put kada se izvrše promjene u izvornom fajlu▼

bundle exec jekyll serve --livereload

• Kada razvijate svoju web stranicu, koristitejekyll serve或 jekyll build
• Da biste natjerali pretraživač da se osvježi pri svakoj promjeni, koristitejekyll serve --livereload.
• jekyll serveUgrađena verzija stranice_siteNije prikladno za implementaciju.
• Koristite veze i URL-ove sredstava sa kreiranog sajta jekyll serve će koristiti https://localhost:4000 Vrijednost se postavlja preko konfiguracije komandne linije, a ne u konfiguracijskoj datoteci web-mjesta.

Korak 6:pristup http://localhost:4000 Pogledaj projekat.

Napomena:

• Ako je datoteka postavljena u xxx.github .io/blog, to može uzrokovati da se Github stranica ne ažurira.
• Razlog za ovaj fenomen je taj što će GitHub čitati samo xxx.github . io/_includes u Jekyll-u i neće ulaziti duboko u blog/_includes.
• Srećom, ovaj problem nije težak problem. Samo postavite Github stranicu na GitHub i problem će biti riješen u trenu!

Kako izbrisati web stranicu Jekyll instaliranu na lokalnom računalu putem naredbi?

Možete koristiti sljedeću naredbu za brisanje lokalno instalirane Jekyll web stranice.

Izbrišite generirane fajlove:

Korak 1:Pokrenite sljedeću naredbu da obrišete generirane datoteke▼

jekyll clean

Korak 2:Izbrišite sve direktorije web stranice

• Ako želite potpuno izbrisati cijeli direktorij web stranice, možete ručno izbrisati C:/Users/a/myblog folder.

🔗Nastavite čitati▼

🔗Zašto jekyll servis nije počeo? Sveobuhvatan vodič za rješavanje grešaka i neefikasnosti

Jekyll resursi

Jekyll je jednostavan okvir u stilu bloga za izgradnju statičnih web stranica.

koristi Markdown i Liquid predložak jezik, koji vam omogućava da lako kreirate prekrasne, dinamične web stranice.

Pogledajte Jekyll dokumentaciju za više informacija.

Evo nekoliko korisnih resursa o Jekyll-u, nadam se da vam ovi resursi mogu pomoći da koristite Jekyll za izradu web stranice!