Tech @ Sars.TW

口耳相傳 終究失傳

Hugo

使用 Hugo 快速建立靜態網站

  • Dec 22, 2017
  • POSTS
簡單來說,這個網站是透過 Hugo 產生的,是個純靜態網站(沒有後端資料庫),Hugo 產生出來的網站可以直接上傳到 GitHub Pages、Netlify 或是 CDN 上,撰寫文章透過 Markdown 語法,方便做文章控管。 Hugo 本身是透過 Golang 撰寫而成,另一個功能類似的專案 Hexo 則是使用 Node.js 撰寫。 安裝 Hugo 在已經安裝好 brew 環境的 macOS 上安裝 Hugo 非常容易,只需要一行指令即可完成。 brew install hugo 其他平台上相對麻煩許多,這邊就先略過了… 建立 Hugo 網站專案 hugo new site quickstart 目錄底下會多出一個 quickstart 子目錄,即是一個新網站專案。 每個 Hugo 的專案裡面都會有這些基本的目錄與檔案: archetypes:樣板檔案,使用 hugo new 指令時會從這邊複製過去,並代換變數 content:放置文章 static:放圖片、影片或其他靜態檔案 themes:佈景主題檔案 config.toml:專案設定檔,Hugo 靠這個檔案判斷及運作 新增佈景主題 Hugo 提供許多佈景主題,可以在 Hugo Themes 這邊找到喜歡的佈景主題,以本站用的 Robust 主題為例,只需要切換到專案目錄內: git submodule add https://github.com/dim0627/hugo_theme_robust.git themes/robust 即可安裝,接著在 config.toml 檔案中將 theme 的設定值改成
LATESTS
ChatGPT 4o Image Generation
  • Apr 18, 2025
  • POSTS
2023/03/22 安全軟體開發與系統安全監控及檢測技術
  • Mar 22, 2023
  • POSTS
2022年09月筆記
  • Sep 4, 2022
  • WEEKLY
2022年08月筆記
  • Aug 31, 2022
  • WEEKLY
2021 07 17
  • Jul 17, 2021
  • WEEKLY
Jamf 200 Certified Tech
  • Jul 12, 2021
  • POSTS
2021 07 10
  • Jul 10, 2021
  • WEEKLY
2021 07 03
  • Jun 27, 2021
  • WEEKLY
2021 06 26
  • Jun 25, 2021
  • WEEKLY
2021 06 19
  • Jun 19, 2021
  • WEEKLY
TAGS
  • weekly (126)
  • blockchain (3)
  • gcp (3)
  • ci/cd (2)
  • devops (2)
  • gce (2)
  • gitlab (2)
  • jamf (2)
  • antifragile (1)
  • bcp (1)

© Tech @ Sars.TW

Powered by Hugo.

Robust designed by Daisuke Tsuji.