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.
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:\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▼

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.

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!