Jekyll bygger flera statiska webbplatser lokalt. Hur konfigurerar man webbadresserna för åtkomst till olika lokala webbplatser?

🌈【Ultimativ handledning】JekyllFusk för konfiguration av flera webbplatser, spela med olika URL-åtkomst, njutobegränsatnöje! ✨🎈

🌈 Vill du enkelt bemästra Jekyll multi-site konfigurationsfärdigheter? Här ärBygg en statisk bloggwebbplats från grunden på din lokala datorDen ultimata handledningen! Från att ställa in olika webbadresser till att njuta av obegränsat roligt, allt i en guide! Låt dig bli en webbplatsmästare! 💥🚀

Hur man konfigurerar flera statiska webbplatser i Jekyll

编辑 _config.yml fil för att konfigurera Jekyll.

Konfigurationsobjekt inkluderar webbplatsens titel, beskrivning, tema, URL, etc...

När du använder Jekyll för att bygga flera webbplatser lokalt kan du komma åt olika webbplatser på följande sätt:

Använd ett annat portnummer:

  • Varje webbplats kan köras på olika portnummer.
  • Du kan till exempel köra din personliga blogg på hamn 4001 På projektvisningswebbplatsen, kör den på port 4002 på.
  • I en webbläsare kan du komma åt olika webbplatser genom att ange portnumret i URL:en.
  • Till exempel för att komma åt 4001 På din personliga blogg kan du gå in http://localhost:4001.

Här är några specifika konfigurationsexempel:

Använd ett annat portnummer:

# _config.yml 文件
port: 4001

Använd ett annat domännamn:

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

Hantera flera Jekyll statiska webbplatser

Jekyll bygger flera statiska webbplatser lokalt. Hur konfigurerar man webbadresserna för åtkomst till olika lokala webbplatser?

Du kan skapa en separat mapp för varje webbplats, med olika konfigurationsfiler och innehåll anpassat för varje webbplats.

Exempel: Låt oss säga att du vill skapa en personlig blogg och en webbplats för projektpresentation.

Personlig blogg:

  • Skapa en fil som heter blog mapp.
  • i blog Skapa i mappen _config.ymlindex.md fil.
  • i _config.yml I filen konfigurerar du webbplatsens titel, beskrivning, etc...
  • i _posts lägg till dina blogginlägg.

Webbplats för projektvisning:

  • Skapa en fil som heter portfolio mapp.
  • i portfolio Skapa i mappen _config.yml index.md fil.
  • i _config.yml I filen konfigurerar du webbplatsens titel, beskrivning, etc...
  • i _posts lägg till din projektinformation.

Publiceringswebbplats:

  • i blog Kör i mappen jekyll serve Kommando för att publicera en personlig blogg.
  • i portfolio Kör i mappen jekyll serve Kommando för att publicera projektpresentationswebbplats.
  • Att använda Jekyll är ett enkelt och effektivt sätt att bygga flera webbplatser.

Hur startar man en lokalt installerad Jekyll-webbplats genom kommandon?

För att starta den lokalt installerade d:\Jekyll\site1\ Om du har en Jekyll-webbplats kan du följa dessa steg:

1. Navigera till Jekylls webbplatsmapp:

  • Öppna en kommandorad eller terminal.
  • Navigera till webbplatsmappen med kommandot
cd /d d:\Jekyll\site1

2. Kör kommandot jekyll serve:

bundle exec jekyll serve
  • Detta kommando startar Jekyll-servern och börjar hosta din webbplats lokalt.

3. Du kan se din webbplats genom att gå till följande URL i din webbläsare:

http://localhost:4001

Här är några ytterligare tips:

  • du kan använda--portalternativ för att ange portnumret. Till exempel för att vara värd för din webbplats på hamn 8080 , kör följande kommando:
bundle exec jekyll serve --port 8080
  • du kan använda--configAlternativ anger konfigurationsfilen. Till exempel att använda en fil som hetermyconfig.ymlFör att skapa en ny konfigurationsfil, kör följande kommando:
bundle exec jekyll serve --config myconfig.yml
  • överföra--livereloadalternativ tillserveUppdatera sidan automatiskt varje gång en ändring görs i en källfil:
bundle exec jekyll serve --livereload
  • Distribuera din webbplats med följande kommando:
bundle exec jekyll build

Hur lägger man till artikelinnehåll i Jekyll?

Skapa en .md-fil för att lägga till innehåll.

Jekyll Support Markdown Syntax, som kan användas för att formatera text, infoga bilder, skapa länkar, etc...

Genom att följa handledningen nedan bör du snabbt kunna skapa en webbplats som passar dina behov▼

发表 评论

Din e-postadress kommer inte att publiceras. 必填 项 已 用 * 标注

Bläddra till början