Paano gamitin ang tema ng Jekyll? Tutorial sa pag-install ng tema ng blog ng Jekyll

💥Gawin ang sa iyoJekyllAng kamangha-manghang sikreto para gawing 100 beses na mas advanced ang tema ng iyong blog, nabigla ako! 🤯

Ang tutorial na ito ay magtuturo sa iyo ng hakbang-hakbang kung paano i-install at gamitin ang Jekyll theme. Kahit na baguhan ka, madali kang makapagsimula.

Magpaalam sa mga boring na blog at lumikha ng kakaiba at personalized na espasyo!

Iba't ibang praktikal na tip at maalalahanin na mungkahi upang matulungan kang maging isang blogger! 🚀✨

Ano ang tema ng Jekyll?

Ang tema ng Jekyll ay isang pre-built na website ng Jekyll na magagamit mo bilang panimulang punto para sa pagbuo ng iyong sariling website.

Kasama sa tema ang lahat ng code, estilo, at template na kailangan mo para makapagsimula.

Paano mag-install ng tema ng blog na Jekyll?

在Pumili ng mahusay at simpleng tema ng JekyllSa wakas, maaari mong simulan ang pagbuo ng iyong website sa pamamagitan ng pagsunod sa mga hakbang na ito:

hakbang 1:. I-install ang Jekyll

• Tiyaking na-install mo si Ruby.
• I-install ang Jekyll gamit ang sumusunod na command:

gem install jekyll

Hakbang 2: Gumawa ng bagong website ng Jekyll

• Lumikha ng bagong website ng Jekyll gamit ang sumusunod na command:

jekyll new site1

• O gamitin ang sumusunod na command upang lumikha muna ng direktoryo ng site1:

mkdir site1

Pagkatapos, pumunta dito site1 Sa loob ng direktoryo:

cd site1

Lumikha ng isang website ng Jekyll sa kasalukuyang direktoryo:

jekyll new .

Hakbang 3: Kopyahin ang mga file ng artikulo

• Kopyahin ang file ng artikulo na pinili mo_postsfolder.

Hakbang 4: I-configure ang iyong website

• I-edit ang site1/_config.yml file upang i-configure ang iyong website.

• Kailangan mong i-configure ang mga sumusunod na setting:

  • site.name: Ang pangalan ng iyong website.
  • site.description: Isang paglalarawan ng iyong website.
  • baseurl: URL ng iyong website.

Hakbang 5: Idagdag ang iyong nilalaman

• gumawa ng bago Markdown file upang idagdag ang iyong nilalaman.
• Ang mga markdown file ay maaaring maglaman ng text, mga larawan, code, at iba pang nilalaman.

Hakbang 6: I-preview ang iyong website

• I-preview ang iyong site gamit ang sumusunod na command:

bundle exec jekyll serve

• Ang utos na ito ay mabagal at kailangang magpatakbo ng isang lokal na server at mag-preview nang lokal.

Hakbang 7: Buuin ang iyong website

• Buuin ang iyong website gamit ang mga sumusunod na command:

bundle exec jekyll build

• Ang command na ito ay mas mabilis at kailangan lang bumuo ng mga static na file at i-deploy ang website.

Hakbang 8: I-deploy ang iyong website

• ay _site I-deploy ang folder sa iyong web server.

Paano mag-install ng tema ng Jekyll sa lokal na computer gamit ang git clone command?

kailangang gamitin git clone Upang i-deploy ang tema ng Jekyll sa iyong lokal na computer, maaari mong sundin ang mga hakbang sa ibaba:

1. Magbukas ng command line o terminal.

2. Mag-navigate sa folder kung saan mo gustong i-deploy ang tema.

3. Patakbuhin ang sumusunod na command:

git clone https://github.com/melangue/dactl.git

• Iko-clone ng command na ito ang repositoryo ng tema ng Jekyll sa kasalukuyang folder.

4. Mag-navigate sa naka-clone na folder ng tema.

5. Patakbuhin ang sumusunod na command:

bundle exec jekyll serve

• Ang utos na ito ay magsisimula sa Jekyll server at magsisimulang mag-host ng iyong website nang lokal.

Maaari mong tingnan ang iyong website sa pamamagitan ng pagbisita sa sumusunod na URL:

• http://localhost:4000

Narito ang ilang karagdagang tip:

• pwede mong gamitin --branch Tinutukoy ng mga opsyon ang sangay na i-clone. Halimbawa, upang i-clone master branch, patakbuhin ang sumusunod na command:

git clone https://github.com/melangue/dactl.git --branch master

• pwede mong gamitin --depth Tinutukoy ng opsyon ang lalim ng history ng commit na i-clone. Halimbawa, para i-clone ang huling 10 commit, patakbuhin ang sumusunod na command:

git clone https://github.com/melangue/dactl.git --depth 10

Sana ay matulungan ka ng mga hakbang na ito na i-deploy ang tema ng Jekyll sa iyong lokal na computer!