Udhëzues për shkarkimin dhe instalimin e Jekyll: Ndërtoni një uebsajt statik të blogut nga e para në kompjuterin tuaj lokal

Ky artikull Jekyll Shkarkoni tutorialin e instalimit dhe ju mësojmë hap pas hapi✨Mund të keni blogun tuaj pa shpenzuar para!

Ndërtoni një uebsajt statik në blog nga e para, edhe nëse jeni fillestar, mund ta bëni lehtësisht! Nuk ka nevojë për të komplikuarndërtoni një faqe interneti, thuaj lamtumirë mundimit të ndërtimit të një faqe interneti, ke blogun tënd ekskluziv brenda pak minutash dhe lërini talentet dhe krijimtarinë tuaj të shkëlqejnë! 🚀🎉

Çfarë është Jekyll?

Jekyll, një gjenerues statik i faqeve të internetit, është shumë i përshtatshëm për ndërtimin e faqeve të internetit në blog.

Mund të përdorë tekst të shkruar në gjuhën e shënjimit dhe të përdorë paraqitjen për të ndërtuar faqe interneti statike.

Mund të modifikoni pamjen e faqes së internetit, URL-në, të dhënat e shfaqura në faqe dhe më shumë...

Mangësitë e Jekyll janë të dukshme për shkak se nuk përdor një bazë të dhënash, është plotësisht i papërshtatshëm për ndërtimE-commercelloji i faqes së internetit.

Cilat janë avantazhet e Jekyll?

• Jekyll është i lehtë për t'u përdorur dhe mësuar.
• Jekyll mund të gjenerojë faqe interneti statike të shpejta dhe të sigurta.
• Jekyll ka në dispozicion një numër të madh temash dhe shtojcash.

Si të filloni të përdorni Jekyll?

1. Instaloni Jekyll.
2. Krijo një faqe të re Jekyll.
3. Zgjidhni një temë Jekyll.
4. Shtoni përmbajtjen tuaj.
5. Shikoni paraprakisht faqen tuaj të internetit.
6. Ndërtoni faqen tuaj të internetit.
7. Vendosni faqen tuaj të internetit:Blog statik Jekyll është vendosur në Surge.sh falas

Instaloni Jekyll duke shkarkuar RubyInstaller

Mënyra më e lehtë për të instaluar Ruby dhe Jekyll është të përdorni RubyInstaller për Windows.

RubyInstaller është një instalues ​​i pavarur i bazuar në Windows që përfshin gjuhën Ruby, mjedisin e ekzekutimit, dokumentacionin e rëndësishëm, etj.

Ne mbulojmë vetëm RubyInstaller-2.4 dhe më lart këtu. Versionet e vjetra kërkojnë instalim manual të Devkit.

Hapi 1:Shkarkoni RubyInstaller

• Shkarkoni dhe instaloni nga RubyInstaller DownloadsRuby+DevkitVersion.
• Instaloni duke përdorur opsionet e paracaktuara.

第 2 步:Fut cmd

Shtyp poshteTasti WIN + çelësi R, pastaj futeni cmd, më pas shtypni Enter ▼

第 3 步:Futni hyrjen e komandës ridk installHapat në fazat e fundit të instalimit.

• Kjo kërkohet për të instaluar gurë të çmuar me shtesa vendase.
• Zgjidhni nga opsionetMSYS2 and MINGW development tool chain.

• Ekzekutoni komandën ruby -v 和 gem -v për të kontrolluar numrin e versionit për të konfirmuar nëse instalimi ishte i suksesshëm.

Hapni menunë Start të Windows dhe gjeniStart Command Prompt with Ruby, për të aktivizuar linjën e komandës Ruby.

第 4 步:Ndrysho burimin e gurëve të çmuar në burimin kinez

Për shkak të problemeve të lidhjes së rrjetit dhe shpejtësisë, përpara se të shqyrtoni përditësimin e gurit të çmuar, rekomandohet fuqimisht të ndërroni burimin e gurëve të çmuar në burimin kinez ▼

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

ose

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

第 5 步:Le të shikojmë burimet aktuale ▼

gem sources -l

• Sigurohuni që të ketë vetëm gems.ruby-china.com

第 6 步:Përditëso gurin e çmuar Ruby▼

gem update

第 7 步:Ne instalojmë komponentët ▼

gem install jekyll bundler

第 8 步:Kontrolloni nëse Jekyll është instaluar plotësisht ▼

jekyll -v

Ndërtoni një faqe interneti të blogut statik Jelly në kompjuterin tuaj lokal

第 1 步:Ndryshoni shkronjën e diskut
Fut direkt në cmdd:

第 2 步:Ndrysho dosjen aktuale▼

cd d:\Jekyll\

第 3 步:Krijoni një faqe interneti të re Jekyll duke përdorur komandën e mëposhtme ▼

jekyll new site1

第 4 步:Futni direktorinë e projektit ▼

cd site1

第 5 步:Filloni shërbimin Jekyll▼

jekyll serve

transferimi--livereloadopsionet për tëserveRifreskojeni faqen automatikisht sa herë që bëhen ndryshime në skedarin burim▼

bundle exec jekyll serve --livereload

• Kur zhvilloni faqen tuaj të internetit, përdornijekyll serveose jekyll build
• Për të detyruar shfletuesin të rifreskojë çdo ndryshim, përdornijekyll serve --livereload.
• jekyll serveVersioni i integruar i faqes_siteJo i përshtatshëm për vendosje.
• Përdorni lidhjet dhe URL-të e aseteve nga faqja e krijuar jekyll serve do të përdorë https://localhost:4000 Vlera vendoset përmes konfigurimit të linjës së komandës, dhe jo në skedarin e konfigurimit të sajtit.

第 6 步:akses http://localhost:4000 Shiko projektin.

注意 事项:

• Nëse skedari vendoset në xxx.github io/blog, mund të shkaktojë që faqja Github të mos përditësohet.
• Arsyeja për këtë fenomen është se GitHub do të lexojë vetëm xxx.github io/_includes në Jekyll dhe nuk do të hyjë thellë në blog/_includes.
• Për fat të mirë, ky problem nuk është një problem i vështirë. Thjesht konfiguroni një Faqe Github në GitHub dhe problemi do të zgjidhet në një çast!

Si të fshini faqen e internetit të Jekyll të instaluar në kompjuterin lokal përmes komandave?

Ju mund të përdorni komandën e mëposhtme për të fshirë një faqe interneti të instaluar në vend të Jekyll.

Fshini skedarët e krijuar:

第 1 步:Ekzekutoni komandën e mëposhtme për të pastruar skedarët e krijuar ▼

jekyll clean

第 2 步:Fshini të gjitha drejtoritë e faqeve të internetit

• Nëse dëshironi të fshini plotësisht të gjithë drejtorinë e faqes në internet, mund ta fshini manualisht C:/Users/a/myblog dosje.

Burimet Jekyll

Jekyll është një kornizë e thjeshtë, e stilit të blogut për ndërtimin e faqeve të internetit statike.

ai përdor Markdown dhe Gjuha e modelit Liquid, duke ju lejuar të krijoni lehtësisht faqe interneti të bukura dhe dinamike.

Shihni dokumentacionin Jekyll për më shumë informacion.

Këtu janë disa burime të dobishme rreth Jekyll-it, shpresoj se këto burime mund t'ju ndihmojnë të përdorni Jekyll-in për të ndërtuar një faqe interneti!