Jekyll download- og installationsvejledning: Byg et statisk blogwebsted fra bunden på din lokale computer

Denne artikel Jekyll Download installationsvejledningen og lær dig trin for trin✨Du kan have din egen blog uden at bruge penge!

Byg en statisk bloghjemmeside fra bunden, selvom du er en novice, kan du nemt gøre det! Ingen grund til at komplicerebygge en hjemmeside, sig farvel til besværet med at bygge en hjemmeside, få din egen eksklusive blog på få minutter, og lad dine talenter og kreativitet skinne! 🚀🎉

Hvad er Jekyll?

Jekyll, en statisk hjemmesidegenerator, er meget velegnet til at bygge blogwebsteder.

Det kan bruge tekst skrevet i markup-sprog og bruge layout til at bygge statiske websteder.

Du kan ændre udseendet af webstedet, URL'en, de data, der vises på siden, og mere...

Manglerne ved Jekyll er indlysende. Fordi den ikke bruger en database, er den fuldstændig uegnet til at byggeE-handeltype hjemmeside.

Hvad er fordelene ved Jekyll?

• Jekyll er nem at bruge og lære.
• Jekyll kan generere hurtige og sikre statiske websteder.
• Jekyll har et stort antal temaer og plugins tilgængelige.

Hvordan kommer man i gang med at bruge Jekyll?

1. Installer Jekyll.
2. Opret et nyt Jekyll-websted.
3. Vælg et Jekyll-tema.
4. Tilføj dit indhold:Jekyll ny artikel tutorial
5. Se forhåndsvisning af dit websted.
6. Byg din hjemmeside.
7. Implementer dit websted:Jekyll statiske blog er implementeret til Surge.sh gratis

Installer Jekyll ved at downloade RubyInstaller

Den nemmeste måde at installere Ruby og Jekyll på er at bruge RubyInstaller til Windows.

RubyInstaller er et Windows-baseret uafhængigt installationsprogram, der inkluderer Ruby-sproget, eksekveringsmiljøet, vigtig dokumentation osv.

Vi dækker kun RubyInstaller-2.4 og højere her. Ældre versioner kræver manuel installation af Devkit.

trin 1:Download RubyInstaller

• Download og installer fra RubyInstaller DownloadsRuby+Devkitversion.
• Installer ved hjælp af standardindstillinger.

第 2 步:Indtast cmd

tryk nedWIN-tast + R-tast, indtast derefter cmd, og tryk derefter på Enter ▼

第 3 步:Indtast kommandoinput ridk installTrin i de sidste faser af installationen.

• Dette er nødvendigt for at installere ædelstene med indbyggede udvidelser.
• Vælg mellem mulighederMSYS2 and MINGW development tool chain.

• Kør kommando ruby -v Og gem -v for at kontrollere versionsnummeret for at bekræfte, om installationen lykkedes.

Åbn Windows Start-menuen og findStart Command Prompt with Ruby, for at aktivere Ruby-kommandolinjen.

第 4 步:Skift ædelstenskilde til kinesisk kilde

På grund af netværksforbindelse og hastighedsproblemer anbefales det kraftigt at skifte ædelstenskilden til den kinesiske kilde, før man overvejer at opdatere ædelstenen▼

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 步:Lad os tjekke de aktuelle kilder ▼

gem sources -l

• Sørg for, at der kun er gems.ruby-china.com

第 6 步:Opdater Ruby gem▼

gem update

第 7 步:Vi installerer komponenter ▼

gem install jekyll bundler

第 8 步:Kontroller, om Jekyll er fuldt installeret▼

jekyll -v

Byg en Jelly statisk blog hjemmeside på din lokale computer

第 1 步:Skift drevbogstav▼
Indtast direkte i cmdd:

第 2 步:Skift nuværende mappe▼

cd /d d:\Jekyll\

第 3 步:Opret et nyt Jekyll-websted ved hjælp af følgende kommando ▼

jekyll new site1

第 4 步:Gå ind i projektbiblioteket▼

cd site1

第 5 步:Start Jekyll-tjenesten▼

bundle exec jekyll serve

overførsel--livereloadmuligheder forserveOpdater siden automatisk, hver gang der foretages ændringer i kildefilen▼

bundle exec jekyll serve --livereload

• Når du udvikler din hjemmeside, så brugjekyll serve或 jekyll build
• For at tvinge browseren til at opdatere ved hver ændring, brugjekyll serve --livereload.
• jekyll serveIndbygget webstedsversion_siteIkke egnet til implementering.
• Brug links og aktiv-URL'er fra det oprettede websted jekyll serve vil bruge https://localhost:4000 Værdien indstilles gennem kommandolinjekonfigurationen i stedet for i webstedets konfigurationsfil.

第 6 步:adgang http://localhost:4000 Se projekt.

注意 事项:

• Hvis filen er placeret i xxx.github .io/blog, kan det forårsage, at Github-siden ikke bliver opdateret.
• Årsagen til dette fænomen er, at GitHub kun vil læse xxx.github .io/_includes i Jekyll og vil ikke gå dybt ind i blog/_includes.
• Heldigvis er dette problem ikke et svært problem. Du skal bare oprette en Github-side på GitHub, og problemet vil blive løst på et øjeblik!

Hvordan sletter man Jekyll-webstedet installeret på den lokale computer gennem kommandoer?

Du kan bruge følgende kommando til at slette et lokalt installeret Jekyll-websted.

Slet de genererede filer:

第 1 步:Kør følgende kommando for at rydde de genererede filer▼

jekyll clean

第 2 步:Slet alle webstedsmapper

• Hvis du vil slette hele webstedsbiblioteket, kan du manuelt slette C:/Users/a/myblog folder.

🔗Fortsæt med at læse▼

🔗Hvorfor kunne Jekyll-serven ikke starte? En omfattende guide til løsning af fejl og ineffektivitet

Jekyll ressourcer

Jekyll er en enkel ramme i blogstil til at bygge statiske websteder.

den bruger markdown og flydende skabelonsprog, så du nemt kan skabe smukke, dynamiske hjemmesider.

Se Jekyll-dokumentationen for mere information.

Her er nogle nyttige ressourcer om Jekyll. Jeg håber, at disse ressourcer kan hjælpe dig med at bruge Jekyll til at bygge et websted!