Vadnica za prenos in namestitev Jekyll: Zgradite statično spletno stran spletnega dnevnika iz nič v lokalnem računalniku

To Jekyll Prenesite vadnico za namestitev in vas naučim korak za korakom✨Lahko imate svoj blog brez porabe denarja!

Zgradite statično spletno mesto z blogom iz nič, tudi če ste začetnik, vam bo to zlahka uspelo! Ni treba kompliciratizgraditi spletno stran, poslovite se od težav pri izdelavi spletnega mesta, imejte svoj ekskluzivni blog v nekaj minutah in pustite, da vaši talenti in ustvarjalnost zasijejo! 🚀🎉

Kaj je Jekyll?

Jekyll, generator statičnih spletnih mest, je zelo primeren za ustvarjanje spletnih mest z blogi.

Lahko uporablja besedilo, napisano v označevalnem jeziku, in uporablja postavitev za izdelavo statičnih spletnih mest.

Spremenite lahko videz spletnega mesta, URL, podatke, prikazane na strani, in še več ...

Pomanjkljivosti Jekylla so očitne Ker ne uporablja podatkovne baze, je popolnoma neprimeren za gradnjoE-trgovinavrsto spletnega mesta.

Kakšne so prednosti Jekylla?

• Jekyll je enostaven za uporabo in učenje.
• Jekyll lahko ustvari hitra in varna statična spletna mesta.
• Jekyll ima na voljo veliko tem in vtičnikov.

Kako začeti uporabljati Jekyll?

1. Namestite Jekyll.
2. Ustvarite novo spletno mesto Jekyll.
3. Izberite temo Jekyll.
4. 添加你的内容：Jekyll新建文章教程
5. Predogled vaše spletne strani.
6. Ustvarite svojo spletno stran.
7. Namestite svoje spletno mesto:Jekyll statični blog je brezplačno nameščen na Surge.sh

Namestite Jekyll tako, da prenesete RubyInstaller

Najlažji način za namestitev Ruby in Jekyll je uporaba RubyInstaller za Windows.

RubyInstaller je neodvisen namestitveni program za Windows, ki vključuje jezik Ruby, izvajalno okolje, pomembno dokumentacijo itd.

Tukaj pokrivamo samo RubyInstaller-2.4 in višje. Starejše različice zahtevajo ročno namestitev Devkita.

korak 1:Prenesite RubyInstaller

• Prenesite in namestite iz RubyInstaller DownloadsRuby+DevkitRazličica.
• Namestite s privzetimi možnostmi.

第 2 步:Vnesite cmd

pritisniTipka WIN + tipka R, nato vnesite cmd, nato pritisnite Enter ▼

第 3 步:Vnesite vnos ukaza ridk installKoraki v zaključni fazi namestitve.

• To je potrebno za namestitev draguljev z izvornimi razširitvami.
• Izbirajte med možnostmiMSYS2 and MINGW development tool chain.

• Zaženi ukaz ruby -v In gem -v da preverite številko različice in potrdite, ali je bila namestitev uspešna.

Odprite meni Start sistema Windows in poiščiteStart Command Prompt with Ruby, da omogočite ukazno vrstico Ruby.

第 4 步:Preklopite vir draguljev na kitajski vir

Zaradi težav z omrežno povezavo in hitrostjo je zelo priporočljivo, da pred razmišljanjem o posodobitvi dragulja vir dragulja preklopite na kitajski vir▼

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

ali

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

第 5 步:Poglejmo trenutne vire ▼

gem sources -l

• Prepričajte se, da obstajajo samo gems.ruby-china.com

第 6 步:Posodobite dragulj Ruby▼

gem update

第 7 步:Montiramo komponente ▼

gem install jekyll bundler

第 8 步:Preverite, ali je Jekyll v celoti nameščen▼

jekyll -v

V lokalnem računalniku ustvarite statično spletno stran spletnega dnevnika Jelly

第 1 步:Spremenite črko pogona▼
Vnesite neposredno v cmdd:

第 2 步:Spremeni trenutno mapo▼

cd d:\Jekyll\

第 3 步:Ustvarite novo spletno mesto Jekyll z naslednjim ukazom ▼

jekyll new site1

第 4 步:Vnesite imenik projekta▼

cd site1

第 5 步:Zaženite storitev Jekyll▼

jekyll serve

prenos--livereloadmožnosti zaserveSamodejno osveži stran vsakič, ko se spremeni izvorna datoteka▼

bundle exec jekyll serve --livereload

• Ko razvijate svoje spletno mesto, uporabitejekyll serve或 jekyll build
• Če želite prisiliti brskalnik, da se osveži ob vsaki spremembi, uporabitejekyll serve --livereload.
• jekyll serveVgrajena različica spletnega mesta_siteNi primeren za uporabo.
• Uporabite povezave in URL-je sredstev z ustvarjenega mesta jekyll serve bo uporabil https://localhost:4000 Vrednost je nastavljena prek konfiguracije ukazne vrstice in ne v konfiguracijski datoteki spletnega mesta.

第 6 步:访问 http://localhost:4000 Ogled projekta.

注意 事项:

• Če je datoteka postavljena v xxx.github. io/blog, lahko povzroči, da stran Github ne bo posodobljena.
• Razlog za ta pojav je, da bo GitHub v Jekyllu prebral samo xxx.github .io/_includes in ne bo šel globoko v blog/_includes.
• Na srečo ta težava ni težka. Samo nastavite stran Github na GitHub in težava bo v trenutku rešena!

Kako prek ukazov izbrisati spletno mesto Jekyll, nameščeno na lokalnem računalniku?

Z naslednjim ukazom lahko izbrišete lokalno nameščeno spletno mesto Jekyll.

Izbrišite ustvarjene datoteke:

第 1 步:Zaženite naslednji ukaz, da počistite ustvarjene datoteke▼

jekyll clean

第 2 步:Izbrišite vse imenike spletnih mest

• Če želite popolnoma izbrisati celoten imenik spletnega mesta, lahko ročno izbrišete C:/Users/a/myblog mapo.

Viri Jekyll

Jekyll je preprosto ogrodje v slogu bloga za izdelavo statičnih spletnih mest.

Uporablja Markdown in jezik predloge Liquid, ki vam omogoča preprosto ustvarjanje lepih, dinamičnih spletnih mest.

Za več informacij glejte dokumentacijo Jekyll.

Tukaj je nekaj uporabnih virov o Jekyllu. Upam, da vam bodo ti viri pomagali pri uporabi Jekylla pri izdelavi spletnega mesta!