Jekyll tshiab tsab xov xwm qhia, paub yuav ua li cas sau cov ntawv thiab ua rau koj cov lus ya!

🚀💡 JekyllCov lus qhia tshiab yuav pab koj paub kev txawj sau ntawv, cia koj cov lus ya, thiab dhau los ua tus huab tais ntawm cov ntsiab lus! Pib hnub no thiab kov yeej lub ntiaj teb nrog koj lub tswv yim! 📝 ib

Jekyll yog qhov yooj yim, blog-style moj khaum rau kev tsim cov vev xaib zoo li qub.

nws siv Markdown thiab Liquid template language, tso cai rau koj los tsim cov websites zoo nkauj thiab muaj zog.

Yuav ua li cas los tsim ib tsab xov xwm tshiab hauv Jekyll?

Nov yog cov kauj ruam ntawm kev siv Jekyll los sau cov ntawv:

1. Tsim cov ntaub ntawv tshiab

Hauv koj lub vev xaib Jekyll, tsim cov ntaub ntawv Markdown tshiab uas nws lub npe yuav tsum xaus nrog .md kawg.

Posts folder

No ib_postsLub folder yog qhov chaw koj cov ntawv blog khaws cia. Koj siv Markdown los tsim cov ntawv tshaj tawm, tab sis HTML kuj tau txais kev txhawb nqa.

Txhawm rau tsim ib tsab xov xwm, cia li pib nrog .md ntxiv cov ntaub ntawv xaus rau koj_postsdirectory, hom ntawv yog raws li nram no:

YEAR-MONTH-DAY-title.MARKUP

Ntawm lawv, YEAR yog tus lej plaub, HNUB thiab HNUB yog ob tus lej, thiab MARKUP yog cov ntaub ntawv txuas ntxiv uas qhia txog hom siv hauv cov ntaub ntawv. Piv txwv li, cov hauv qab no yog cov piv txwv ntawm cov ntawv sau npe siv tau:

2011-12-31-new-years-eve-is-awesome.md
2012-09-12-how-to-write-a-blog.md

• Tag nrho cov ntawv tshaj tawm blog yuav tsum pib nrog cov lus piv txwv uas teeb tsa cov txheej txheem lossis lwm yam metadata.

2. Ntxiv cov ntsiab lus ntawm tsab xov xwm

Ntxiv koj cov ntsiab lus siv Markdown syntax.

Koj tuaj yeem siv Markdown los tsim cov ntawv, ntxiv cov duab, tsim cov npe, thiab ntau dua ...

3. Ntxiv tsab xov xwm metadata

Nyob rau sab saum toj ntawm tsab xov xwm, ntxiv YAML ua ntej.

Cov ntawv ua ntej muaj cov ntaub ntawv hais txog koj tsab xov xwm, xws li lub npe, tus sau, thiab hnub tim.

Ntawm no yog ib tsab xov xwm:

---
layout: post
title: 我的第一篇文章
author: 陈沩亮
date: 2024-4-12
---

# 这是一些文本

## 这是一个标题

![这是一个图像](https://www.example.com/image.jpg)

* 这是一个列表项
* 这是另一个列表项

这是一个链接：[https://www.example.com/](https://www.example.com/)

• Thov siv cov cai ceev faj.

4. Saib ua ntej koj tsab xov xwm

siv jekyll serve hais kom pib Jekyll server.

nkag mus http://localhost:4000/your-article.md saib koj tsab xov xwm.

5. Tsim koj tsab xov xwm

siv jekyll build txib los tsim koj lub vev xaib.

Tsab ntawv tsim yuav nyob ntawm _site/your-article.html hauv cov ntaub ntawv.

Nyem qhov txuas hauv qab no txhawm rau kawm paub siv Jekyll los tsim cov ntawv, ua kom hloov kho koj qhov blog yooj yim ▼

Yuav ua li cas tshem tawm hnub tim los ntawm Jekyll tsab xov xwm URL txoj kev?

Txhawm rau tshem tawm hnub tim los ntawm Jekyll tsab xov xwm URLs, koj tuaj yeem hloov kho Jekyll teeb tsa lossis siv cov qauv kev cai permalink.

Qhov no tuaj yeem ua tiav los ntawm kev hloov kho Jekyll configuration.

tig _config.yml Cov ntaub ntawv: Cov ntaub ntawv no muaj Jekyll qhov chaw teeb tsa thiab feem ntau nyob hauv cov npe hauv paus ntawm koj qhov chaw Jekyll.

kho kom raug permalink Kev teeb tsa: hauv _config.yml pom hauv cov ntaub ntawv permalink teeb tsa.

• Nws feem ntau zoo li no:

permalink: /:year/:month/:day/:title

• Tom qab Jekyll raug teeb tsa, nws yuav tsis muaj los ntawm lub neej ntawd. permalink Cov chaw yuav tsum tau ntxiv los ntawm koj tus kheej.

Tshem tawm hnub tivthaiv: Hloov kho permalink Teem kom tshem tawm hnub tim (/year/:month/:day)).

• Piv txwv li, los tsim ib qho permalink uas tsuas muaj lub npe kab lus, siv:

permalink: /posts/:title:output_ext

Txuag thiab rov tsim dua: Txuag _config.yml ntaub ntawv,

Regenerate koj qhov chaw Jekyll: sivjekyll build los yog jekyll serve.