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

🌈【Tutorial Paling Apik】 Rahasia Konfigurasi Multi-Situs Web Jekyll : Akses Utama saka Macem-macem Situs Web lan Nikmati Kesenengan Tanpa Wates ! ✨🎈

🌈 Pengin nguwasani katrampilan konfigurasi multi-situs Jekyll kanthi gampang? Iki tutorial paling apik babagan mbangun situs web blog statis saka awal ing komputer lokal sampeyan ! Saka nyetel macem-macem URL nganti seneng-seneng tanpa wates, siji pandhuan bisa nindakake kabeh! 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.

Jekyll ndhukung sintaks Markdown , sing bisa digunakake kanggo format teks, nyisipake gambar, nggawe pranala, lan liya-liyane.

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!