Jekyll mbangun pirang-pirang situs web statis sacara lokal. Kepiye carane ngatur URL kanggo ngakses situs web lokal sing beda-beda?

🌈【Tutorial Ultimate】JekyllCidra kanggo konfigurasi multi-situs web, seneng ngakses alamat web sing beda lan senengtanpa wateskesenengan! ✨🎈

🌈 Pengin gampang nguasai katrampilan konfigurasi multi-situs Jekyll? kene wisGawe situs web blog statis saka awal ing komputer lokal sampeyanTutorial pamungkas! Saka nyiyapake akses situs web sing beda kanggo seneng-seneng tanpa wates, pandhuan iki bakal nindakake kabeh! Ayo dadi master situs web! 💥🚀

Jekyll macem-macem cara konfigurasi situs web statis

编辑 _config.yml file kanggo ngatur Jekyll.

Item konfigurasi kalebu judhul situs, deskripsi, tema, URL, lsp...

Nalika nggunakake Jekyll kanggo nggawe macem-macem situs web sacara lokal, sampeyan bisa ngakses macem-macem situs web kanthi cara ing ngisor iki:

Gunakake nomer port sing beda:

• Saben situs web bisa mlaku ing nomer port sing beda.
• Contone, sampeyan bisa mbukak blog pribadi ing port 4001 ing, mbukak situs web tampilan project ing port 4002 ing.
• Ing browser, sampeyan bisa ngakses macem-macem situs web kanthi nemtokake nomer port ing URL.
• Contone, kanggo ngakses port mlaku 4001 Ing blog pribadi, sampeyan bisa mlebu http://localhost:4001.

Ing ngisor iki sawetara conto konfigurasi tartamtu:

Gunakake nomer port sing beda:

# _config.yml 文件
port: 4001

Gunakake jeneng domain sing beda:

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

Ngatur pirang-pirang situs web statis Jekyll

Sampeyan bisa nggawe folder sing kapisah kanggo saben situs web, ngatur saben situs web kanthi profil lan konten sing beda.

Conto: Contone, sampeyan pengin nggawe blog pribadi lan situs web pameran proyek.

blog pribadi:

• Gawe file sing diarani blog folder.
• 在 blog folder, nggawe _config.yml 和 index.md ngajukake
• 在 _config.yml Ing file kasebut, atur judhul situs, deskripsi, lsp...
• 在 _posts folder, tambahake kiriman blog sampeyan.

Situs web tampilan proyek:

• Gawe file sing diarani portfolio folder.
• 在 portfolio folder, nggawe _config.yml 和 index.md ngajukake
• 在 _config.yml Ing file kasebut, atur judhul situs, deskripsi, lsp...
• 在 _posts folder, nambah informasi project.

Situs web penerbitan:

• 在 blog folder, run jekyll serve Supaya nerbitake blog pribadi.
• 在 portfolio folder, run jekyll serve Situs web tampilan proyek release printah.
• Nggunakake Jekyll kanggo mbangun pirang-pirang situs web minangka cara sing gampang lan efektif.

Kepiye carane miwiti situs web Jekyll sing diinstal sacara lokal liwat prentah?

Kanggo diluncurake liwat baris perintah sing diinstal sacara lokal d:\Jekyll\site1\ Kanggo situs web Jekyll, sampeyan bisa tindakake langkah iki:

1. Navigasi menyang folder situs web Jekyll:

• Bukak baris perintah utawa terminal.
• Navigasi menyang folder situs web nggunakake printah

cd /d d:\Jekyll\site1

2. Jalanake perintah jekyll serve:

bundle exec jekyll serve

• Printah iki bakal miwiti server Jekyll lan miwiti hosting situs web sampeyan sacara lokal.

3. Sampeyan bisa ndeleng situs web kanthi ngakses URL ing ngisor iki ing browser sampeyan:

http://localhost:4001

Ing ngisor iki sawetara tips tambahan:

• sampeyan bisa nggunakake--portpilihan nemtokake nomer port. Contone, kanggo tuan rumah situs web sampeyan ing port 8080 , bukak printah ing ngisor iki:

bundle exec jekyll serve --port 8080

• sampeyan bisa nggunakake--configPilihan nemtokake file konfigurasi. Contone, kanggo nggunakake file jenengemyconfig.ymlfile konfigurasi, jalanake perintah ing ngisor iki:

bundle exec jekyll serve --config myconfig.yml

• transfer--livereloadopsi kanggoserveRefresh kaca kanthi otomatis saben owah-owahan ing file sumber:

bundle exec jekyll serve --livereload

• Pasang situs web sampeyan nggunakake printah ing ngisor iki:

bundle exec jekyll build

Kepiye cara nambah konten artikel ing Jekyll?

Nggawe file .md kanggo nambah isi.

Dhukungan Jekyll Markdown Grammar, sing bisa digunakake kanggo ngowahi format teks, nglebokake gambar, nggawe tautan, lsp...

Kanthi ngetutake tutorial ing ngisor iki, sampeyan kudu bisa nggawe situs web kanthi cepet sing cocog karo kabutuhan▼

🔗Tutorial artikel anyar Jekyll, kuasai katrampilan nulis artikel lan nggawe tembung sampeyan mabur!