Jekyll本地搭建多個靜態網站,如何設定存取不同本地網站的網址?

🌈【終極教學】傑奇多網站配置秘籍,玩不同網址訪問,享受無限樂趣! ✨🎈

🌈 想輕鬆掌握Jekyll多網站設定技巧?這裡有本地電腦從0開始建立靜態部落格網站的終極教學!從設定不同網址存取到享受無限樂趣,一篇攻略搞定!讓你成為網站大神! 💥🚀

Jekyll 多個靜態網站設定方法

編輯 _config.yml 文件來配置Jekyll。

配置項包括網站標題、描述、主題、URL 等…

在本地使用Jekyll 搭建多個網站時,你可以透過以下幾種方式存取不同的網站:

使用不同的連接埠號碼:

  • 每個網站都可以在不同的連接埠號碼上運行。
  • 例如,你可以將你的個人部落格運行在端口 4001 上,將項目展示網站運行在端口 4002 涓娿€
  • 在瀏覽器中,你可以透過在URL 中指定連接埠號碼來存取不同的網站。
  • 例如,要存取運行在端口 4001 上的個人博客,你可以輸入 http://localhost:4001

以下是一些具體的設定範例:

使用不同的連接埠號碼:

# _config.yml 文件
port: 4001

使用不同的網域:

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

管理多個Jekyll靜態網站

Jekyll本地搭建多個靜態網站,如何設定存取不同本地網站的網址?

你可以為每個網站建立一個單獨的資料夾,使用不同的個人資料和內容為每個網站進行客製化。

範例:假設你要建立一個個人部落格和一個專案展示網站。

個人部落格:

  • 建立一個名為 blog 的資料夾。
  • blog 資料夾中,創建 _config.ymlindex.md 文件。
  • _config.yml 文件中,配置網站標題、描述等…
  • _posts 資料夾中,加入你的部落格文章。

專案展示網站:

  • 建立一個名為 portfolio 的資料夾。
  • portfolio 資料夾中,創建 _config.yml index.md 文件。
  • _config.yml 文件中,配置網站標題、描述等…
  • _posts 資料夾中,加入你的專案資訊。

發佈網站:

  • blog 資料夾中,運行 jekyll serve 命令發布個人部落格。
  • portfolio 資料夾中,運行 jekyll serve 命令發布項目展示網站。
  • 使用Jekyll 建立多個網站是一個簡單且有效的方法。

如何透過指令啟動已安裝在本地的Jekyll 網站?

若要透過命令列啟動已安裝在本機 d:\Jekyll\site1\ 的Jekyll 網站,你可以按照以下步驟操作:

1. 導覽至Jekyll 網站資料夾:

  • 打開命令列或終端機。
  • 使用命令導航到網站資料夾
d:
cd d:\Jekyll\site1\

2. 執行jekyll serve 指令:

jekyll serve
  • 此命令將啟動Jekyll 伺服器並開始在本地託管你的網站。

3. 你可以在瀏覽器造訪以下URL 來查看你的網站:

http://localhost:4001

以下是一些額外的提示:

  • 你可以使用--port選項指定連接埠號。例如,要將你的網站託管在端口 8080 上,請執行以下命令:
jekyll serve --port 8080
  • 你可以使用--config選項指定設定檔。例如,要使用名為myconfig.yml的設定文件,請執行以下命令:
jekyll serve --config myconfig.yml
  • 你可以使用--watch選項在你進行更改時自動重新啟動伺服器。例如,若要啟用監視模式,請執行下列命令:
jekyll serve --watch
  • 使用以下命令部署你的網站:
jekyll build

Jekyll如何加入文章內容?

建立.md 檔案來新增內容,。

Jekyll 支持 降價 語法,可用於格式化文字、插入圖片、建立連結等…

透過遵循以下教程,你應該能夠快速創建一個符合你需求的網站▼

希望陳溈亮博客( https://www.chenweiliang.com/ ) 分享的《Jekyll本地搭建多個靜態網站,如何設定存取不同本地網站的網址? 》,對您有幫助。

歡迎分享本文鏈接:https://www.chenweiliang.com/cwl-31561.html

歡迎加入陳溈亮博客的Telegram 頻道,獲取最新更新!

🔔 率先在頻道置頂目錄獲取寶貴的《ChatGPT 內容行銷AI 工具使用指南》! 🌟
📚 這份指南蘊含價值巨大,🌟難逢的機遇,切勿錯失良機! ⏰⌛💨
喜歡就分享和按贊!
您的分享和按贊,是我們持續的動力!

 

發表評論

您的電子郵箱地址不會被公開。 必填項已用 * 標註

滾動到頂部