HUGO - 基礎教學

Hugo是由Golang開發的一款靜態網站生成器，擁有300+的主題可供給挑選，非常適合當作部落格來建立文章快速拓展文章使用，可以模組化HTML而且有多種安裝Hug的方法，可以無痛轉移**Jekyll*，設定檔可以用json/toml/yaml

安裝Hugo

Hugo 官方安裝指南 \

Ｍac

brew install hugo

Windows

choco install hugo -confirm

Linux

snap install hugo

快速使用

### 快速模板生成器 
hugo new site quickstart
### 下載主題 - 主題 https://themes.gohugo.io/ 找喜歡的換Git包
cd quickstart
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/anankeecho 'theme = "ananke"' >> config.toml
### 生產文章 
hugo new posts/my-first-post.md
### 靜態網站熱更新 http://localhost:1313
hugo server -D
### 生成靜態網站
hugo -D

Hugo CLI 常用指令

hugo new site [site name]  # 快速模板生成器 
hugo new [folder/files.md] # 生產文章 
hugo server -D             # 靜態網站熱更新 
hugo -D                    # 生成靜態網站

專案架構

├── archetypes          hugo new 文件可以設定新的內容文件
├── config.toml         hugo設定檔
├── content             md檔案文章
├── data                動態提取 檔案可用yaml/json/toml
├── layouts             HTML Template
├── static              靜態檔案
└── themes              其他hugo創作者的創作檔

config.toml 常用項目

Hugo 官方config.toml指南

baseURL                         # Hostname 和 路由 
defaultContentLanguage ("en")   # 預設多國語文章使用的語系 
googleAnalytics("")             # Google 分析追蹤的 ID
theme ("")                      # 所使用的主題位置，預設目錄位置`/themes/*`
enableEmoji                     # 網站中使用Emoji

20210331 - fix 本站曾經引用的主題 - Hugo Future Imperfect Slim