Jekyll lokalno gradi više statičnih web stranica. Kako konfigurirati URL-ove za pristup različitim lokalnim web stranicama?

🌈【Najbolji vodič】JekyllŠifre za konfiguraciju s više web stranica, uživajte u pristupanju različitim web adresama i uživajteneograničenzadovoljstvo! ✨🎈

🌈 Želite li lako svladati Jekyllove vještine konfiguracije na više mjesta? ovdje imaIzradite statičnu web stranicu bloga od nule na svom lokalnom računaluVrhunski tutorial! Od postavljanja različitih pristupa web stranicama do uživanja u neograničenoj zabavi, ovaj će vodič učiniti sve! Neka postanete majstor web stranice! 💥🚀

Jekyll više metoda statičke konfiguracije web stranice

编辑 _config.yml datoteku za konfiguraciju Jekylla.

Stavke konfiguracije uključuju naslov stranice, opis, temu, URL itd.

Kada koristite Jekyll za lokalnu izgradnju više web stranica, možete pristupiti različitim web stranicama na sljedeće načine:

Koristite drugi broj priključka:

  • Svaka web stranica može raditi na drugom broju priključka.
  • Na primjer, možete voditi svoj osobni blog na portu 4001 uključeno, pokrenite web stranicu za prikaz projekta na portu 4002 na.
  • U pregledniku možete pristupiti različitim web stranicama navođenjem broja priključka u URL-u.
  • Na primjer, za pristup portu koji radi 4001 Na svoj osobni blog, možete unijeti http://localhost:4001.

Evo nekoliko konkretnih primjera konfiguracije:

Koristite drugi broj priključka:

# _config.yml 文件
port: 4001

Koristite drugi naziv domene:

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

Upravljajte više Jekyll statičkih web stranica

Jekyll lokalno gradi više statičnih web stranica. Kako konfigurirati URL-ove za pristup različitim lokalnim web stranicama?

Možete stvoriti zasebnu mapu za svako web mjesto, prilagođavajući svako web mjesto različitim profilima i sadržajem.

Primjer: Recimo da želite stvoriti osobni blog i web stranicu za izlog projekta.

osobni blog:

  • Napravite datoteku pod nazivom blog mapa.
  • blog mapa, stvoriti _config.ymlindex.md datoteka.
  • _config.yml U datoteci konfigurirajte naslov stranice, opis itd...
  • _posts mapu, dodajte svoj blog post.

Web stranica za prikaz projekta:

  • Napravite datoteku pod nazivom portfolio mapa.
  • portfolio mapa, stvoriti _config.yml index.md datoteka.
  • _config.yml U datoteci konfigurirajte naslov stranice, opis itd...
  • _posts mapu, dodajte podatke o projektu.

Web stranica za izdavanje:

  • blog mapa, pokrenuti jekyll serve Naručite objaviti osobni blog.
  • portfolio mapa, pokrenuti jekyll serve Naredba izdanje web stranice prikaza projekta.
  • Korištenje Jekylla za izradu više web stranica jednostavan je i učinkovit način.

Kako pokrenuti lokalno instaliranu Jekyll web stranicu putem naredbe?

Za pokretanje putem naredbenog retka instaliranog lokalno d:\Jekyll\site1\ Za web stranicu Jekyll možete slijediti ove korake:

1. Dođite do mape Jekyll web stranice:

  • Otvorite naredbeni redak ili terminal.
  • Dođite do mape web stranice pomoću naredbe
cd /d d:\Jekyll\site1

2. Pokrenite naredbu jekyll serve:

bundle exec jekyll serve
  • Ova naredba će pokrenuti Jekyll poslužitelj i početi lokalno hostirati vašu web stranicu.

3. Svoju web stranicu možete pogledati pristupom sljedećem URL-u u svom pregledniku:

http://localhost:4001

Evo nekoliko dodatnih savjeta:

  • možeš koristiti--portopcija navodi broj priključka. Na primjer, za hostiranje vaše web stranice na portu 8080 , pokrenite sljedeću naredbu:
bundle exec jekyll serve --port 8080
  • možeš koristiti--configOpcije određuju konfiguracijsku datoteku. Na primjer, za korištenje datoteke pod nazivommyconfig.ymlkonfiguracijsku datoteku, pokrenite sljedeću naredbu:
bundle exec jekyll serve --config myconfig.yml
  • prijenos--livereloadopcije zaserveAutomatski osvježi stranicu svaki put kada se napravi promjena u izvornoj datoteci:
bundle exec jekyll serve --livereload
  • Implementirajte svoju web stranicu pomoću sljedeće naredbe:
bundle exec jekyll build

Kako dodati sadržaj članka u Jekyll?

Stvorite .md datoteku za dodavanje sadržaja.

Jekyll podrška Smanjenje Gramatika, koja se može koristiti za oblikovanje teksta, umetanje slika, stvaranje poveznica itd.

Prateći upute u nastavku, trebali biste moći brzo izraditi web stranicu koja odgovara vašim potrebama▼

发表 评论

Vaša email adresa neće biti objavljena. Koriste se obavezna polja * Označiti

Imenik članaka
Dođite na vrh