Tutorial sa pag-download ug pag-install sa Jekyll: Paghimo usa ka static nga website sa blog gikan sa wala sa imong lokal nga kompyuter

这篇 Jekyll I-download ang tutorial sa pag-install ug tudloi ka matag lakang✨Mahimo kang makabaton sa imong kaugalingong blog nga dili mogasto og kwarta!

Paghimo usa ka static nga website sa blog gikan sa wala, bisan kung bag-o ka mahimo nimo kini dali! Dili kinahanglan nga komplikadoPagtukod ug estasyon, panamilit sa kasamok sa pagtukod sa usa ka website, pagbaton sa imong kaugalingong eksklusibong blog sa pipila ka minuto, ug tugoti ang imong mga talento ug pagkamamugnaon nga modan-ag! 🚀🎉

Unsa ni Jekyll?

Ang Jekyll, usa ka static nga website generator, angayan kaayo alang sa pagtukod sa mga website sa blog.

Makagamit kini og teksto nga gisulat sa markup language ug magamit ang layout sa paghimo og mga static nga website.

Mahimo nimong usbon ang hitsura sa website, ang URL, ang data nga gipakita sa panid, ug uban pa...

Ang mga kakulangan sa Jekyll dayag. Tungod kay wala kini naggamit sa usa ka database, kini hingpit nga dili angay alang sa pagtukodE-commercematang sa website.

Unsa ang mga bentaha sa Jekyll?

• Ang Jekyll sayon ​​​​gamiton ug makat-on.
• Ang Jekyll makahimo og paspas ug luwas nga static nga mga website.
• Ang Jekyll adunay daghang mga tema ug mga plugin nga magamit.

Giunsa pagsugod ang paggamit sa Jekyll?

1. I-install ang Jekyll.
2. Paghimo og bag-ong website sa Jekyll.
3. Pagpili og Jekyll nga tema.
4. Idugang ang imong sulod.
5. I-preview ang imong website.
6. Pagtukod sa imong website.
7. I-deploy ang imong website:Ang Jekyll static nga blog gi-deploy sa Surge.sh nga libre

I-install ang Jekyll pinaagi sa pag-download sa RubyInstaller

Ang pinakasayon ​​nga paagi sa pag-instalar ni Ruby ug Jekyll mao ang paggamit sa RubyInstaller para sa Windows.

Ang RubyInstaller usa ka Windows-based independent installer nga naglakip sa Ruby nga pinulongan, execution environment, importanteng dokumentasyon, ug uban pa.

Gitabonan ra namo ang RubyInstaller-2.4 ug mas taas dinhi. Ang mga daan nga bersyon nanginahanglan manwal nga pag-install sa Devkit.

Lakang 1:Pag-download sa RubyInstaller

• Pag-download ug pag-install gikan sa RubyInstaller DownloadsRuby+Devkitbersyon
• Pag-instalar gamit ang default nga mga kapilian.

Lakang 2:Pagsulod sa cmd

pressWIN key + R key, dayon pagsulod cmd, dayon pindota ang Enter ▼

Lakang 3:Pagsulod sa command input ridk installMga lakang sa katapusang yugto sa pag-instalar.

• Gikinahanglan kini aron ma-install ang mga mutya nga adunay mga lumad nga extension.
• Pagpili gikan sa mga kapilianMSYS2 and MINGW development tool chain.

• Dagan nga sugo ruby -v ug gem -v aron susihon ang numero sa bersyon aron makumpirma kung malampuson ang pag-install.

Ablihi ang Windows Start menu ug pangitaaStart Command Prompt with Ruby, aron mahimo ang Ruby command line.

Lakang 4:Ibalhin ang gigikanan sa gem sa gigikanan sa Intsik

Tungod sa koneksyon sa network ug mga isyu sa katulin, sa wala pa ikonsiderar ang pag-update sa gem, kusganon nga girekomenda nga ibalhin ang gigikanan sa gem sa gigikanan sa China▼

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/

Lakang 5:Atong tan-awon ang kasamtangang tinubdan ▼

gem sources -l

• Siguradoha nga naa ra gems.ruby-china.com

Lakang 6:I-update ang Ruby gem▼

gem update

Lakang 7:Gi-install namon ang mga sangkap ▼

gem install jekyll bundler

Lakang 8:Susihon kung hingpit nga na-install ang Jekyll▼

jekyll -v

Paghimo ug Jelly static blog website sa imong lokal nga kompyuter

Lakang 1:Usba ang drive letter▼
Pagsulod direkta sa cmdd:

Lakang 2:Usba ang kasamtangan nga folder▼

cd d:\Jekyll\

Lakang 3:Paghimo og bag-ong website sa Jekyll gamit ang mosunod nga sugo ▼

jekyll new site1

Lakang 4:Pagsulod sa direktoryo sa proyekto▼

cd site1

Lakang 5:Sugdi ang serbisyo sa Jekyll▼

jekyll serve

传递--livereloadmga kapilian saserveAwtomatikong i-refresh ang panid matag higayon nga adunay mga pagbag-o sa gigikanan nga file▼

bundle exec jekyll serve --livereload

• Kung imong gipalambo ang imong website, gamitajekyll serveo jekyll build
• Aron mapugos ang browser nga i-refresh ang matag pagbag-o, gamitajekyll serve --livereload.
• jekyll serveGitukod nga bersyon sa site_siteDili angay alang sa pag-deploy.
• Gamita ang mga link ug asset URLs gikan sa gibuhat nga site jekyll serve gamiton https://localhost:4000 Ang bili gitakda pinaagi sa command line configuration, kay sa configuration file sa site.

Lakang 6:pagsulud http://localhost:4000 Tan-awa ang proyekto.

Hinumdomi:

• Kung ang file ibutang sa xxx.github .io/blog, mahimong hinungdan nga dili ma-update ang Github Page.
• Ang rason alang niini nga panghitabo mao nga ang GitHub mobasa lamang sa xxx.github .io/_includes sa Jekyll ug dili masulod sa blog/_includes.
• Maayo na lang, kini nga problema dili usa ka lisud nga problema. Pagbutang lang usa ka Github Page sa GitHub ug ang problema masulbad dayon!

Giunsa pagtangtang ang website sa Jekyll nga na-install sa lokal nga kompyuter pinaagi sa mga mando?

Mahimo nimong gamiton ang mosunod nga sugo aron mapapas ang usa ka lokal nga na-install nga Jekyll nga website.

Pagtangtang sa mga nahimo nga mga file:

Lakang 1:Pagdalagan ang mosunod nga sugo aron malimpyohan ang namugna nga mga file▼

jekyll clean

Lakang 2:Kuhaa ang tanan nga mga direktoryo sa website

• Kung gusto nimo nga hingpit nga mapapas ang tibuuk nga direktoryo sa website, mahimo nimo nga mano-mano nga papason ang C:/Users/a/myblog folder.

Mga kapanguhaan sa Jekyll

Ang Jekyll usa ka yano, istilo sa blog nga balangkas alang sa pagtukod sa mga static nga website.

kini naggamit Markdown ug Liquid template nga pinulongan, nga nagtugot kanimo nga dali nga makahimo og matahum, dinamikong mga website.

Tan-awa ang Jekyll nga dokumentasyon para sa dugang nga impormasyon.

Ania ang pipila ka mapuslanon nga mga kapanguhaan bahin sa Jekyll. Nanghinaut ko nga kini nga mga kapanguhaan makatabang kanimo sa paggamit sa Jekyll sa paghimo og website!