Jekyll download- en ynstallaasjetutorial: Bou in statyske blogwebside fanôf it begjin op jo lokale kompjûter

Dit Jekyll Download de ynstallaasje-tutorial en lear jo stap foar stap✨Jo kinne jo eigen blog hawwe sûnder jild út te jaan!

Bou fanôf in statyske blogwebside, sels as jo in novice binne, kinne jo it maklik dwaan! Gjin needsaak om te komplisearjenbouwe in webside, ôfskie nimme fan de muoite fan it bouwen fan in webside, hawwe jo eigen eksklusive blog yn minuten, en lit jo talinten en kreativiteit skine! 🚀🎉

Wat is Jekyll?

Jekyll, in statyske websidegenerator, is heul geskikt foar it bouwen fan blogwebsides.

It kin tekst brûke dy't skreaun is yn opmaaktaal en yndieling brûke om statyske websiden te bouwen.

Jo kinne it uterlik fan 'e webside, de URL, de gegevens werjûn op' e side, en mear wizigje ...

De tekortkomingen fan Jekyll binne dúdlik Om't it gjin databank brûkt, is it folslein net geskikt foar it bouwenE-commercetype webside.

Wat binne de foardielen fan Jekyll?

• Jekyll is maklik te brûken en te learen.
• Jekyll kin rappe en feilige statyske websiden generearje.
• Jekyll hat in grut oantal tema's en plugins beskikber.

Hoe kinne jo begjinne mei it brûken fan Jekyll?

1. Ynstallearje Jekyll.
2. Meitsje in nije Jekyll-webside.
3. Kies in Jekyll-tema.
4. Foegje jo ynhâld ta.
5. Foarbyld fan jo webside.
6. Bou jo webside.
7. Implementearje jo webside:Jekyll statyske blog wurdt fergees ynset op Surge.sh

Ynstallearje Jekyll troch it downloaden fan RubyInstaller

De maklikste manier om Ruby en Jekyll te ynstallearjen is de RubyInstaller foar Windows te brûken.

RubyInstaller is in Windows-basearre ûnôfhinklike ynstallearder dy't de Ruby-taal, útfieringsomjouwing, wichtige dokumintaasje, ensfh.

Wy dekke hjir allinich RubyInstaller-2.4 en heger. Âldere ferzjes fereaskje hânmjittich ynstallaasje fan Devkit.

stap 1:Download RubyInstaller

• Download en ynstallearje fan RubyInstaller DownloadsRuby+Devkitferzje.
• Ynstallearje mei standertopsjes.

第 2 步:cmd ynfiere

按下WIN kaai + R kaai, enter dan cmd, druk dan op Enter ▼

第 3 步:Fier kommando ynfier ridk installStappen yn 'e lêste stadia fan ynstallaasje.

• Dit is nedich om edelstenen te ynstallearjen mei native extensions.
• Kies út opsjesMSYS2 and MINGW development tool chain.

• Kommando útfiere ruby -v en gem -v om it ferzjenûmer te kontrolearjen om te befêstigjen oft de ynstallaasje suksesfol wie.

Iepenje it Windows Startmenu en fynStart Command Prompt with Ruby, om de Ruby kommandorigel yn te skeakeljen.

第 4 步:Skeakelje gem boarne nei Sineeske boarne

Fanwege problemen mei netwurkferbining en snelheid, foardat jo beskôgje it bywurkjen fan de gem, wurdt it sterk oanrikkemandearre om de gem boarne te wikseljen nei de Sineeske boarne▼

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

of

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

第 5 步:Litte wy de hjoeddeistige boarnen kontrolearje ▼

gem sources -l

• Soargje derfoar dat der allinnich binne gems.ruby-china.com

第 6 步:Update Ruby gem▼

gem update

第 7 步:Wy ynstallearje komponinten ▼

gem install jekyll bundler

第 8 步:Kontrolearje oft Jekyll folslein ynstalleare is▼

jekyll -v

Bou in Jelly statyske blogwebside op jo lokale kompjûter

第 1 步:Skiifletter feroarje▼
Fier direkt yn cmdd:

第 2 步:Aktuele map feroarje▼

cd d:\Jekyll\

第 3 步:Meitsje in nije Jekyll-webside mei it folgjende kommando ▼

jekyll new site1

第 4 步:Fier de projektmap yn▼

cd site1

第 5 步:Start Jekyll tsjinst▼

jekyll serve

传递--livereloadopsjes oanserveFerfarskje de side automatysk elke kear as wizigingen wurde makke oan it boarnebestân▼

bundle exec jekyll serve --livereload

• As jo ​​​​jo webside ûntwikkelje, brûk danjekyll serve或 jekyll build
• Om de browser te twingen om elke feroaring te ferfarskjen, brûkjekyll serve --livereload.
• jekyll serveYnboude side ferzje_siteNet geskikt foar ynset.
• Brûk keppelings en asset-URL's fan 'e oanmakke side jekyll serve sil brûke https://localhost:4000 De wearde wurdt ynsteld fia de kommandorigelkonfiguraasje, ynstee fan yn it konfiguraasjetriem fan 'e side.

第 6 步:tagong http://localhost:4000 Besjoch projekt.

caution:

• As it bestân yn xxx.github .io/blog pleatst is, kin it feroarsaakje dat de Github-side net bywurke wurdt.
• De reden foar dit ferskynsel is dat GitHub allinich xxx.github sil lêze. io/_includes yn Jekyll en sil net djip yn blog/_includes gean.
• Gelokkich is dit probleem gjin dreech probleem. Stel gewoan in Github-pagina op GitHub yn en it probleem sil yn in momint oplost wurde!

Hoe kinne jo de Jekyll-webside wiskje ynstalleare op 'e lokale kompjûter fia kommando's?

Jo kinne it folgjende kommando brûke om in lokaal ynstalleare Jekyll-webside te wiskjen.

Wiskje de oanmakke bestannen:

第 1 步:Rin it folgjende kommando út om de oanmakke bestannen te wiskjen▼

jekyll clean

第 2 步:Wiskje alle webside mappen

• As jo ​​wolle folslein wiskje de hiele webside triemtafel, kinne jo de hân wiskje de C:/Users/a/myblog folder.

Jekyll boarnen

Jekyll is in ienfâldich, blog-styl ramt foar it bouwen fan statyske websiden.

it brûkt Markdown en Liquid sjabloan taal, sadat jo maklik meitsje moaie, dynamyske websiden.

Sjoch de Jekyll-dokumintaasje foar mear ynformaasje.

Hjir binne wat nuttige boarnen oer Jekyll. Ik hoopje dat dizze boarnen jo kinne helpe om Jekyll te brûken om in webside te bouwen.