Jekyll download- en installatiehandleiding: bouw een geheel nieuwe statische blogwebsite op uw lokale computer

这篇 Jekyll Download de installatiehandleiding en leer het je stap voor stap✨Je kunt je eigen blog hebben zonder geld uit te geven!

Bouw een statische blogwebsite helemaal opnieuw, zelfs als u een beginneling bent, kunt u dit eenvoudig doen! Het is niet nodig om het ingewikkeld te makeneen website bouwenZeg vaarwel tegen de moeite van het bouwen van een website, heb binnen enkele minuten uw eigen exclusieve blog en laat uw talenten en creativiteit schitteren! 🚀🎉

Wat is Jekyll?

Jekyll, een statische websitegenerator, is zeer geschikt voor het bouwen van blogwebsites.

Het kan tekst gebruiken die in opmaaktaal is geschreven en de lay-out gebruiken om statische websites te bouwen.

U kunt het uiterlijk van de website, de URL, de gegevens die op de pagina worden weergegeven, en meer wijzigen...

De tekortkomingen van Jekyll liggen voor de hand: omdat het geen database gebruikt, is het volkomen ongeschikt om te bouwenE-commercesoort website.

Wat zijn de voordelen van Jekyll?

• Jekyll is gemakkelijk te gebruiken en te leren.
• Jekyll kan snelle en veilige statische websites genereren.
• Jekyll heeft een groot aantal thema’s en plug-ins beschikbaar.

Hoe begin je met Jekyll?

1. Installeer Jekyll.
2. Maak een nieuwe Jekyll-website.
3. Kies een Jekyll-thema.
4. Voeg uw inhoud toe.
5. Bekijk een voorbeeld van uw website.
6. Bouw uw website.
7. Implementeer uw website:De statische blog van Jekyll wordt gratis op Surge.sh geïmplementeerd

Installeer Jekyll door RubyInstaller te downloaden

De eenvoudigste manier om Ruby en Jekyll te installeren is door RubyInstaller voor Windows te gebruiken.

RubyInstaller is een op Windows gebaseerd onafhankelijk installatieprogramma dat de Ruby-taal, de uitvoeringsomgeving, belangrijke documentatie, enz. bevat.

We behandelen hier alleen RubyInstaller-2.4 en hoger. Oudere versies vereisen een handmatige installatie van Devkit.

stap 1:RubyInstaller downloaden

• Download en installeer vanaf RubyInstaller DownloadsRuby+DevkitVersie.
• Installeer met behulp van standaardopties.

Stap 2:Voer cmd in

druk naar benedenWIN-toets + R-toetsen voer vervolgens in cmden druk vervolgens op Enter ▼

Stap 3:Voer de opdrachtinvoer in ridk installStappen in de laatste fasen van de installatie.

• Dit is vereist om edelstenen met native extensies te installeren.
• Kies uit optiesMSYS2 and MINGW development tool chain.

• Voer de opdracht uit ruby -v 和 gem -v om het versienummer te controleren om te bevestigen of de installatie succesvol was.

Open het Windows Start-menu en zoekStart Command Prompt with Ruby, om de Ruby-opdrachtregel in te schakelen.

Stap 4:Schakel de edelsteenbron over naar de Chinese bron

Vanwege netwerkverbindings- en snelheidsproblemen wordt het ten zeerste aanbevolen om, voordat u overweegt de edelsteen bij te werken, de edelsteenbron over te schakelen naar de Chinese bron▼

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/

Stap 5:Laten we eens kijken naar de huidige bronnen ▼

gem sources -l

• Zorg ervoor dat er slechts gems.ruby-china.com

Stap 6:Update Ruby-edelsteen▼

gem update

Stap 7:Wij installeren componenten ▼

gem install jekyll bundler

Stap 8:Controleer of Jekyll volledig is geïnstalleerd▼

jekyll -v

Bouw een Jelly statische blogwebsite op uw lokale computer

Stap 1:Wijzig de stationsletter▼
Voer direct in cmd ind:

Stap 2:Wijzig huidige map▼

cd d:\Jekyll\

Stap 3:Maak een nieuwe Jekyll-website met de volgende opdracht ▼

jekyll new site1

Stap 4:Voer de projectdirectory▼ in

cd site1

Stap 5:Start de Jekyll-service▼

jekyll serve

传递--livereloadopties omserveVernieuw de pagina automatisch telkens wanneer er wijzigingen worden aangebracht in het bronbestand▼

bundle exec jekyll serve --livereload

• Wanneer u uw website ontwikkelt, gebruik danjekyll serve或 jekyll build
• Om de browser te dwingen bij elke wijziging te vernieuwen, gebruikt ujekyll serve --livereload.
• jekyll serveIngebouwde siteversie_siteNiet geschikt voor inzet.
• Gebruik links en item-URL's van de gemaakte site jekyll serve zal gebruiken https://localhost:4000 De waarde wordt ingesteld via de opdrachtregelconfiguratie, in plaats van in het configuratiebestand van de site.

Stap 6:访问 http://localhost:4000 Bekijk project.

voorzorgsmaatregelen:

• Als het bestand in xxx.github.io/blog wordt geplaatst, kan het zijn dat de Github-pagina niet wordt bijgewerkt.
• De reden voor dit fenomeen is dat GitHub alleen xxx.github .io/_includes in Jekyll zal lezen en niet diep ingaat op blog/_includes.
• Gelukkig is dit probleem geen moeilijk probleem. Maak gewoon een Github-pagina op GitHub aan en het probleem zal in een mum van tijd worden opgelost!

Hoe verwijder ik de Jekyll-website die op de lokale computer is geïnstalleerd via opdrachten?

U kunt de volgende opdracht gebruiken om een ​​lokaal geïnstalleerde Jekyll-website te verwijderen.

Verwijder de gegenereerde bestanden:

Stap 1:Voer de volgende opdracht uit om de gegenereerde bestanden▼ te wissen

jekyll clean

Stap 2:Verwijder alle websitemappen

• Als u de volledige websitemap volledig wilt verwijderen, kunt u handmatig de C:/Users/a/myblog map.

Jekyll-bronnen

Jekyll is een eenvoudig raamwerk in blogstijl voor het bouwen van statische websites.

Het gebruikt Markdown en Vloeibare sjabloontaal, waarmee u eenvoudig prachtige, dynamische websites kunt maken.

Zie de Jekyll-documentatie voor meer informatie.

Hier zijn enkele nuttige bronnen over Jekyll. Ik hoop dat deze bronnen je kunnen helpen Jekyll te gebruiken bij het bouwen van een website!