Yuav siv Jekyll ntsiab lus li cas? Jekyll blog ntsiab lus qhia kev teeb tsa

💥 Ua koj tsaugJekyllCov lus zais tsis txaus ntseeg ua rau koj lub ntsiab lus blog 100 zaug siab dua, Kuv xav tsis thoob! 🤯

Qhov kev qhia no yuav qhia koj ib kauj ruam yog kauj ruam yuav ua li cas rau nruab thiab siv lub ntsiab lus Jekyll txawm tias koj yog ib tug novice, koj tuaj yeem pib tau yooj yim.

Hais goodbye rau boring blogs thiab tsim ib qho chaw tshwj xeeb thiab tus kheej!

Ntau lub tswv yim tswv yim thiab cov tswv yim zoo los pab koj los ua blogger! 🚀✨ ib

Jekyll ntsiab yog dab tsi?

Lub ntsiab lus Jekyll yog lub vev xaib Jekyll ua ntej uas koj tuaj yeem siv los ua qhov pib tsim koj tus kheej lub vev xaib.

Cov ntsiab lus suav nrog tag nrho cov cai, cov qauv, thiab cov qauv uas koj xav tau pib.

Yuav ua li cas rau nruab Jekyll blog ntsiab?

在Xaiv lub ntsiab lus zoo heev thiab yooj yim JekyllThaum kawg, koj tuaj yeem pib tsim koj lub vev xaib los ntawm kev ua raws cov kauj ruam no:

qib 1:. Nruab Jekyll

• Xyuas kom tseeb tias koj muaj Ruby ntsia.
• Nruab Jekyll siv cov lus txib hauv qab no:

gem install jekyll

Kauj ruam 2: Tsim lub vev xaib Jekyll tshiab

• Tsim lub vev xaib Jekyll tshiab siv cov lus txib hauv qab no:

jekyll new site1

• Los yog siv cov lus txib hauv qab no los tsim cov npe site1 ua ntej:

mkdir site1

Tom qab ntawd, mus rau qhov no site1 Nyob rau hauv lub directory:

cd site1

Tsim ib lub vev xaib Jekyll hauv cov npe tam sim no:

jekyll new .

Kauj ruam 3: Luam cov ntaub ntawv kab lus

• Luam cov kab ntawv cov ntaub ntawv koj xaiv rau_postsnplaub tshev.

Kauj ruam 4: Kho koj lub vev xaib

• Kho qhov chaw 1/_config.yml cov ntaub ntawv los teeb tsa koj lub vev xaib.

• Koj yuav tsum configure cov chaw hauv qab no:

  • site.name: Koj lub vev xaib npe.
  • site.description: Cov lus piav qhia ntawm koj lub vev xaib.
  • baseurl: Koj lub vev xaib URL.

Kauj ruam 5: Ntxiv koj cov ntsiab lus

• tsim tshiab Markdown cov ntaub ntawv ntxiv koj cov ntsiab lus.
• Markdown cov ntaub ntawv tuaj yeem muaj cov ntawv nyeem, duab, code, thiab lwm yam ntsiab lus.

Kauj ruam 6: Saib ua ntej koj lub vev xaib

• Saib ua ntej koj lub xaib siv cov lus txib hauv qab no:

bundle exec jekyll serve

• Cov lus txib no qeeb thiab yuav tsum tau khiav lub server hauv zos thiab saib ua ntej hauv zos.

Kauj ruam 7: Tsim koj lub vev xaib

• Tsim koj lub vev xaib siv cov lus txib hauv qab no:

bundle exec jekyll build

• Cov lus txib no sai dua thiab tsuas yog xav tau los tsim cov ntaub ntawv zoo li qub thiab xa mus rau lub vev xaib.

Kauj ruam 8: Xa koj lub vev xaib

• yuav _site Xa cov ntawv tais ceev tseg rau koj lub vev xaib server.

Yuav ua li cas rau nruab Jekyll ntsiab ntawm lub computer hauv zos siv git clone hais kom ua?

yuav tsum siv git clone Txhawm rau xa cov ntsiab lus Jekyll ntawm koj lub computer hauv zos, koj tuaj yeem ua raws li cov kauj ruam hauv qab no:

1. Qhib kab hais kom ua lossis lub davhlau ya nyob twg.

2. Nkag mus rau hauv daim nplaub tshev uas koj xav xa cov ntsiab lus.

3. Khiav cov lus txib nram qab no:

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

• Qhov kev hais kom ua no yuav clone lub ntsiab lus Jekyll repository rau lub nplaub tshev tam sim no.

4. Nkag mus rau lub cloned lub ntsiab nplaub tshev.

5. Khiav cov lus txib nram qab no:

bundle exec jekyll serve

• Cov lus txib no yuav pib Jekyll server thiab pib hosting koj lub vev xaib hauv zos.

Koj tuaj yeem saib koj lub vev xaib los ntawm kev mus saib qhov URL hauv qab no:

• http://localhost:4000

Nov yog qee cov lus qhia ntxiv:

• koj siv tau --branch Cov kev xaiv qhia cov ceg rau clone. Piv txwv li, rau clone master ceg, khiav cov lus txib hauv qab no:

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

• koj siv tau --depth Kev xaiv qhia qhov tob ntawm kev cog lus keeb kwm rau clone. Piv txwv li, txhawm rau clone qhov kawg 10 kev cog lus, khiav cov lus txib hauv qab no:

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

Vam tias cov kauj ruam no yuav pab koj xa cov ntsiab lus Jekyll ntawm koj lub computer hauv zos!