Tutorial sa pag-download at pag-install ng Jekyll: Bumuo ng isang static na website ng blog mula sa simula sa iyong lokal na computer

Ito Jekyll I-download ang installation tutorial at turuan ka ng hakbang-hakbang✨Maaari kang magkaroon ng sarili mong blog nang hindi gumagastos ng pera!

Bumuo ng isang static na website ng blog mula sa simula, kahit na ikaw ay isang baguhan madali mo itong magagawa! Hindi na kailangang kumplikadoBumuo ng istasyon, magpaalam sa problema sa paggawa ng website, magkaroon ng sarili mong eksklusibong blog sa ilang minuto, at hayaang sumikat ang iyong mga talento at pagkamalikhain! 🚀🎉

Ano ba Jekyll?

Ang Jekyll, isang static na website generator, ay napaka-angkop para sa pagbuo ng mga website ng blog.

Maaari itong gumamit ng text na nakasulat sa markup language at gumamit ng layout upang bumuo ng mga static na website.

Maaari mong baguhin ang hitsura ng website, ang URL, ang data na ipinapakita sa pahina, at higit pa...

Ang mga pagkukulang ng Jekyll ay halata Dahil hindi ito gumagamit ng isang database, ito ay ganap na hindi angkop para sa pagbuoE-commerceuri ng website.

Ano ang mga pakinabang ng Jekyll?

• Madaling gamitin at matutunan ang Jekyll.
• Maaaring makabuo ang Jekyll ng mabilis at secure na mga static na website.
• Ang Jekyll ay may malaking bilang ng mga tema at plugin na magagamit.

Paano simulan ang paggamit ng Jekyll?

1. I-install ang Jekyll.
2. Gumawa ng bagong website ng Jekyll.
3. Pumili ng tema ng Jekyll.
4. Idagdag ang iyong nilalaman:Jekyll bagong artikulo tutorial
5. Silipin ang iyong website.
6. Buuin ang iyong website.
7. I-deploy ang iyong website:Ang Jekyll static na blog ay na-deploy sa Surge.sh nang libre

I-install ang Jekyll sa pamamagitan ng pag-download ng RubyInstaller

Ang pinakamadaling paraan upang i-install sina Ruby at Jekyll ay ang paggamit ng RubyInstaller para sa Windows.

Ang RubyInstaller ay isang independiyenteng installer na nakabatay sa Windows na kinabibilangan ng wikang Ruby, kapaligiran ng pagpapatupad, mahalagang dokumentasyon, atbp.

Sinasaklaw lang namin ang RubyInstaller-2.4 at mas mataas dito. Ang mga mas lumang bersyon ay nangangailangan ng manu-manong pag-install ng Devkit.

hakbang 1:I-download ang RubyInstaller

• I-download at i-install mula sa RubyInstaller DownloadsRuby+Devkitbersyon
• I-install gamit ang mga default na opsyon.

第 2 步 ：Ipasok ang cmd

pindutinWIN key + R key, pagkatapos ay pumasok cmd, pagkatapos ay pindutin ang Enter ▼

第 3 步 ：Ipasok ang command input ridk installMga hakbang sa huling yugto ng pag-install.

• Ito ay kinakailangan upang mag-install ng mga hiyas na may mga native na extension.
• Pumili sa mga opsyonMSYS2 and MINGW development tool chain.

• Patakbuhin ang utos ruby -v At gem -v upang suriin ang numero ng bersyon upang kumpirmahin kung matagumpay ang pag-install.

Buksan ang Windows Start menu at hanapinStart Command Prompt with Ruby, upang paganahin ang command line ng Ruby.

第 4 步 ：Ilipat ang gem source sa Chinese source

Dahil sa koneksyon sa network at mga isyu sa bilis, bago isaalang-alang ang pag-update ng gem, mahigpit na inirerekomendang ilipat ang pinagmumulan ng gem sa Chinese source▼

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

o

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

第 5 步 ：Tingnan natin ang kasalukuyang mga mapagkukunan ▼

gem sources -l

• Siguraduhin na mayroon lamang gems.ruby-china.com

第 6 步 ：I-update ang Ruby gem▼

gem update

第 7 步 ：Nag-install kami ng mga bahagi ▼

gem install jekyll bundler

第 8 步 ：Suriin kung ganap na naka-install ang Jekyll▼

jekyll -v

Bumuo ng isang Jelly static na website ng blog sa iyong lokal na computer

第 1 步 ：Baguhin ang drive letter▼
Direktang ipasok sa cmdd:

第 2 步 ：Baguhin ang kasalukuyang folder▼

cd /d d:\Jekyll\

第 3 步 ：Gumawa ng bagong website ng Jekyll gamit ang sumusunod na command ▼

jekyll new site1

第 4 步 ：Ipasok ang direktoryo ng proyekto▼

cd site1

第 5 步 ：Simulan ang serbisyo ng Jekyll▼

bundle exec jekyll serve

paglipat--livereloadmga pagpipilian saserveAwtomatikong i-refresh ang pahina sa tuwing may gagawing pagbabago sa source file▼

bundle exec jekyll serve --livereload

• Kapag binuo mo ang iyong website, gamitinjekyll serveO jekyll build
• Upang pilitin ang browser na i-refresh sa bawat pagbabago, gamitinjekyll serve --livereload.
• jekyll serveBuilt-in na bersyon ng site_siteHindi angkop para sa pag-deploy.
• Gumamit ng mga link at URL ng asset mula sa ginawang site jekyll serve gagamitin https://localhost:4000 Itinakda ang halaga sa pamamagitan ng configuration ng command line, sa halip na sa configuration file ng site.

第 6 步 ：pag-access http://localhost:4000 Tingnan ang proyekto.

Tandaan:

• Kung ang file ay inilagay sa xxx.github .io/blog, maaari itong maging dahilan upang hindi ma-update ang Github Page.
• Ang dahilan para sa hindi pangkaraniwang bagay na ito ay ang GitHub ay magbabasa lamang ng xxx.github .io/_includes sa Jekyll at hindi malalalim sa blog/_includes.
• Sa kabutihang palad, ang problemang ito ay hindi isang mahirap na problema. Mag-set up lang ng isang Github Page sa GitHub at ang problema ay malulutas sa isang iglap!

Paano tanggalin ang website ng Jekyll na naka-install sa lokal na computer sa pamamagitan ng mga utos?

Maaari mong gamitin ang sumusunod na command upang tanggalin ang isang lokal na naka-install na website ng Jekyll.

Tanggalin ang mga nabuong file:

第 1 步 ：Patakbuhin ang sumusunod na command upang i-clear ang nabuong mga file▼

jekyll clean

第 2 步 ：Tanggalin ang lahat ng mga direktoryo ng website

• Kung gusto mong ganap na tanggalin ang buong direktoryo ng website, maaari mong manual na tanggalin ang C:/Users/a/myblog folder.

🔗Magpatuloy sa pagbabasa▼

🔗Bakit nabigo ang pagsisilbi ng jekyll? Komprehensibong diskarte para sa paglutas ng mga error at invalidities

Mga mapagkukunan ng Jekyll

Ang Jekyll ay isang simple, istilong-blog na balangkas para sa pagbuo ng mga static na website.

ito ay gumagamit ng Markdown at Liquid template language, na nagbibigay-daan sa iyong madaling gumawa ng maganda, dynamic na mga website.

Tingnan ang dokumentasyon ng Jekyll para sa higit pang impormasyon.

Narito ang ilang kapaki-pakinabang na mapagkukunan tungkol sa Jekyll Umaasa ako na ang mga mapagkukunang ito ay makakatulong sa iyo na gamitin ang Jekyll upang bumuo ng isang website.