Handledning för nedladdning och installation av Jekyll: Bygg en statisk bloggwebbplats från grunden på din lokala dator

Detta Jekyll Ladda ner installationshandledningen och lär dig steg för steg✨Du kan ha din egen blogg utan att spendera pengar!

Bygg en statisk bloggwebbplats från grunden, även om du är nybörjare kan du enkelt göra det! Inget behov av att komplicerabygga en webbplats, säg adjö till besväret med att bygga en webbplats, ha din egen exklusiva blogg på några minuter och låt dina talanger och kreativitet lysa! 🚀🎉

Vad är Jekyll?

Jekyll, en statisk webbplatsgenerator, är mycket lämplig för att bygga bloggwebbplatser.

Den kan använda text skriven i märkningsspråk och använda layout för att bygga statiska webbplatser.

Du kan ändra utseendet på webbplatsen, webbadressen, data som visas på sidan och mer...

Bristerna med Jekyll är uppenbara, eftersom den inte använder en databas är den helt olämplig att byggaE-handeltyp av webbplats.

Vilka är fördelarna med Jekyll?

• Jekyll är lätt att använda och lära sig.
• Jekyll kan generera snabba och säkra statiska webbplatser.
• Jekyll har ett stort antal teman och plugins tillgängliga.

Hur kommer man igång med Jekyll?

1. Installera Jekyll.
2. Skapa en ny Jekyll-webbplats.
3. Välj ett Jekyll-tema.
4. Lägg till ditt innehåll:Handledning för nya Jekyll-artiklar
5. Förhandsgranska din webbplats.
6. Bygg din webbplats.
7. Distribuera din webbplats:Jekyll statiska blogg distribueras till Surge.sh gratis

Installera Jekyll genom att ladda ner RubyInstaller

Det enklaste sättet att installera Ruby och Jekyll är att använda RubyInstaller för Windows.

RubyInstaller är ett Windows-baserat oberoende installationsprogram som inkluderar Ruby-språket, exekveringsmiljön, viktig dokumentation, etc.

Vi täcker endast RubyInstaller-2.4 och högre här. Äldre versioner kräver manuell installation av Devkit.

steg 1:Ladda ner RubyInstaller

• Ladda ner och installera från RubyInstaller DownloadsRuby+DevkitVersion.
• Installera med standardalternativ.

第 2 步:Ange cmd

TryckWIN-knapp + R-knapp, ange sedan cmdoch tryck sedan på Enter ▼

第 3 步:Ange kommandoinmatning ridk installSteg i slutskedet av installationen.

• Detta krävs för att installera ädelstenar med inbyggda tillägg.
• Välj bland alternativMSYS2 and MINGW development tool chain.

• Kör kommando ruby -v 和 gem -v för att kontrollera versionsnumret för att bekräfta om installationen lyckades.

Öppna Windows Start-menyn och hittaStart Command Prompt with Ruby, för att aktivera Ruby-kommandoraden.

第 4 步:Byt ädelstenskälla till kinesisk källa

På grund av nätverksanslutning och hastighetsproblem, innan du överväger att uppdatera ädelstenen, rekommenderas det starkt att byta ädelstenskällan till den kinesiska källan▼

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

eller

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

第 5 步:Låt oss kolla in de aktuella källorna ▼

gem sources -l

• Se till att det bara finns gems.ruby-china.com

第 6 步:Uppdatera Ruby gem▼

gem update

第 7 步:Vi installerar komponenter ▼

gem install jekyll bundler

第 8 步:Kontrollera om Jekyll är helt installerat▼

jekyll -v

Bygg en Jelly statisk bloggwebbplats på din lokala dator

第 1 步:Ändra enhetsbeteckning▼
Ange direkt i cmdd:

第 2 步:Ändra aktuell mapp▼

cd /d d:\Jekyll\

第 3 步:Skapa en ny Jekyll-webbplats med följande kommando ▼

jekyll new site1

第 4 步:Gå in i projektkatalogen▼

cd site1

第 5 步:Starta Jekyll-tjänsten▼

bundle exec jekyll serve

överföra--livereloadalternativ tillserveUppdatera sidan automatiskt varje gång ändringar görs i källfilen▼

bundle exec jekyll serve --livereload

• När du utvecklar din webbplats, användjekyll serveeller jekyll build
• För att tvinga webbläsaren att uppdatera vid varje ändring, användjekyll serve --livereload.
• jekyll serveInbyggd webbplatsversion_siteInte lämplig för utplacering.
• Använd länkar och tillgångsadresser från den skapade webbplatsen jekyll serve kommer att använda https://localhost:4000 Värdet ställs in via kommandoradskonfigurationen, snarare än i webbplatsens konfigurationsfil.

第 6 步:tillgång http://localhost:4000 Visa projekt.

För säkerhets skull:

• Om filen placeras i xxx.github .io/blog kan det göra att Github-sidan inte uppdateras.
• Anledningen till detta fenomen är att GitHub endast kommer att läsa xxx.github .io/_includes i Jekyll och kommer inte att gå djupt in på blog/_includes.
• Lyckligtvis är detta problem inte ett svårt problem.Sätt bara upp en Github-sida på GitHub så kommer problemet att lösas på ett ögonblick!

Hur tar man bort Jekyll-webbplatsen installerad på den lokala datorn genom kommandon?

Du kan använda följande kommando för att ta bort en lokalt installerad Jekyll-webbplats.

Ta bort de genererade filerna:

第 1 步:Kör följande kommando för att rensa de genererade filerna▼

jekyll clean

第 2 步:Ta bort alla webbplatskataloger

• Om du vill ta bort hela webbplatskatalogen kan du ta bort den manuellt C:/Users/a/myblog mapp.

🔗Fortsätt läsa▼

🔗Varför startade inte jekyllserven? En omfattande guide för att lösa fel och ineffektivitet

Jekyll resurser

Jekyll är ett enkelt ramverk i bloggstil för att bygga statiska webbplatser.

det använder Markdown och flytande mallspråk, så att du enkelt kan skapa vackra, dynamiska webbplatser.

Se Jekyll-dokumentationen för mer information.

Här är några användbara resurser om Jekyll. Jag hoppas att dessa resurser kan hjälpa dig att använda Jekyll för att bygga en webbplats!