Home 如何使用 Jekyll theme 快速建立一個漂亮網站(中文)
Post
Cancel

如何使用 Jekyll theme 快速建立一個漂亮網站(中文)

step 1 : 從 jekyll themes 中選自己喜歡的樣式模板, jekyll themes

Desktop View

step 2 : 下載相關 theme 後解壓縮

Desktop View

step 3 : 在此位置下指令

1
docker run -it --rm --volume="$PWD:/srv/jekyll" -p 4000:4000 jekyll/jekyll jekyll serve

指令解說

  1. docker run -> 使用 docker run 後面指定的 image, 以此例子為例 jekyll/jekyll。
  2. -it -> 其中 -i : 這表示”interactive”,它使得容器的標準輸入保持打開,從而可以讓你向容器輸入命令,就像你在本地終端機中輸入命令一樣。
  3. -it -> 其中 -t : 這表示”tty”,它為容器分配一個虛擬的終端機(tty),這樣可以使得你在容器中執行的命令的輸出以更友好的方式顯示,就像在終端機中一樣。
  4. --rm -> 該 container 執行完畢後自動刪除,不然你會有很多沒在用 container 在 docker 內。
  5. --volume="$PWD:/srv/jekyll" -> 將當前位置的資料夾 mount 進去 container 內部資料夾 /srv/jekyll 的地方,其實就是在本地端指定一個資料夾,可以於本地和 container 中同步使用。
  6. -p 4000:4000 -> 將主機(host)的 4000 端口映射到容器內部的 4000 端口。
  7. jekyll serve -> 用於在 Jekyll 靜態網站生成框架中啟動本地開發服務器。

step 4 : 最後,會在 docker desktop 看到剛剛被建立的 container

Desktop View

step 4-1 : 瀏覽器上在 localhost:4000 的位置可看到被 jekyll 生成的網頁

Desktop View

Done (^∇^)

☝ツ☝

This post is licensed under CC BY 4.0 by the author.

👈 ツ 👍