Jekyll ngawangun sababaraha situs web statik sacara lokal.Kumaha ngonpigurasikeun URL pikeun ngakses situs web lokal anu béda?

🌈【Tutorial Pamungkas】JekyllSababaraha cheats konfigurasi ramatloka, maénkeun kalayan kunjungan ramatloka béda, sarta ngarasakeunteu aya watesnakabungahan! ✨🎈

🌈 Hoyong ngawasaan kaahlian konfigurasi multi-situs Jekyll? didieu bogaNgawangun situs wéb blog statik ti mimiti dina komputer lokal anjeunTutorial pamungkas! Ti nyetel aksés ramatloka béda pikeun ngarasakeun fun taya, pituduh ieu bakal ngalakukeun sagalana! Hayu anjeun janten master wéb! 💥🚀

Jekyll sababaraha métode konfigurasi ramatloka statik

编辑 _config.yml file pikeun ngonpigurasikeun Jekyll.

Item konfigurasi kalebet judul situs, déskripsi, téma, URL, jsb ...

Nalika nganggo Jekyll pikeun ngawangun sababaraha situs wéb sacara lokal, anjeun tiasa ngaksés halaman wéb anu béda-béda ku cara ieu:

Paké nomer port béda:

• Unggal halaman wéb tiasa dijalankeun dina nomer port anu béda.
• Salaku conto, anjeun tiasa ngajalankeun blog pribadi anjeun dina palabuhan 4001 on, ngajalankeun ramatloka tampilan proyék on port nu 4002 asup
• Dina browser, anjeun tiasa ngaksés halaman wéb anu béda-béda ku cara nangtukeun nomer port dina URL.
• Contona, pikeun ngakses port ngajalankeun 4001 Dina blog pribadi anjeun, anjeun tiasa ngalebetkeun http://localhost:4001.

Ieu sababaraha conto konfigurasi khusus:

Paké nomer port béda:

# _config.yml 文件
port: 4001

Paké ngaran domain béda:

# _config.yml 文件
url: "http:// blog.example. com"

Atur sababaraha situs web statik Jekyll

Anjeun tiasa nyieun folder misah pikeun tiap ramatloka, ngaropéa unggal ramatloka kalawan propil béda jeung eusi.

Conto: Anggap anjeun hoyong ngadamel blog pribadi sareng situs web showcase proyék.

blog pribadi:

• Jieun file disebut blog polder.
• 在 blog folder, nyieun _config.yml 和 index.md file.
• 在 _config.yml Dina file, ngonpigurasikeun judul situs, déskripsi, jsb ...
• 在 _posts folder, tambahkeun pos blog anjeun.

Situs web tampilan proyék:

• Jieun file disebut portfolio polder.
• 在 portfolio folder, nyieun _config.yml 和 index.md file.
• 在 _config.yml Dina file, ngonpigurasikeun judul situs, déskripsi, jsb ...
• 在 _posts folder, tambahkeun inpormasi proyék anjeun.

Situs wéb penerbitan:

• 在 blog folder, ngajalankeun jekyll serve Paréntah pikeun nyebarkeun blog pribadi.
• 在 portfolio folder, ngajalankeun jekyll serve ramatloka tampilan proyék release paréntah.
• Nganggo Jekyll pikeun ngawangun sababaraha situs wéb mangrupikeun cara anu saderhana sareng efektif.

Kumaha ngamimitian situs wéb Jekyll anu dipasang sacara lokal ngalangkungan paréntah?

Pikeun diluncurkeun via garis paréntah dipasang sacara lokal d:\Jekyll\site1\ Pikeun halaman wéb Jekyll, anjeun tiasa nuturkeun léngkah-léngkah ieu:

1. Napigasi ka folder ramatloka Jekyll:

• Buka garis paréntah atanapi terminal.
• Arahkeun ka folder ramatloka ngagunakeun paréntah

cd /d d:\Jekyll\site1

2. Jalankeun paréntah jekyll serve:

bundle exec jekyll serve

• Paréntah ieu bakal ngamimitian server Jekyll sareng ngamimitian hosting halaman wéb anjeun sacara lokal.

3. Anjeun tiasa ningali halaman wéb anjeun ku ngaksés URL di handap ieu dina panyungsi anjeun:

http://localhost:4001

Ieu sababaraha tip tambahan:

• anjeun tiasa nganggo--portpilihan nangtukeun jumlah port. Contona, pikeun host ramatloka anjeun dina port 8080 , punten ngajalankeun paréntah di handap ieu:

bundle exec jekyll serve --port 8080

• anjeun tiasa nganggo--configPilihan nangtukeun file konfigurasi. Contona, ngagunakeun file ngarannamyconfig.ymlfile konfigurasi, jalankeun paréntah di handap ieu:

bundle exec jekyll serve --config myconfig.yml

• mindahkeun--livereloadpilihan pikeunserveRefresh halaman sacara otomatis unggal waktos parobihan dilakukeun kana file sumber:

bundle exec jekyll serve --livereload

• Nyebarkeun halaman wéb anjeun nganggo paréntah di handap ieu:

bundle exec jekyll build

Kumaha cara nambihan eusi tulisan dina Jekyll?

Jieun file .md pikeun nambahkeun eusi.

rojongan Jekyll Markdown Grammar, anu tiasa dianggo pikeun pormat téks, nyelapkeun gambar, nyiptakeun tautan, jsb ...

Ku nuturkeun tutorial di handap ieu, anjeun kedah tiasa gancang nyiptakeun situs wéb anu cocog sareng kabutuhan anjeun▼

🔗Jekyll tutorial artikel anyar, master cara nulis artikel jeung nyieun kecap anjeun ngapung!