點燈坊

失くすものさえない今が強くなるチャンスよ

使用 Starter Template 安裝 Hextra 主題

Sam Xiao's Avatar 2024-01-13

Hextra 主題有多種安裝方式，最簡單的就是使用官方所提供的 Starter Template。

Version

Hextra 0.7

Clone the Repo

$ git clone https://github.com/imfing/hextra-starter-template.git starter-template
$ cd starter-template
  • 將 Hextra starter template 下載到 starter-template 目錄下
  • 進入 starter-template 目錄
$ hugo mod tidy
$ hugo server --logLevel debug --disableFastRender -p 1313
  • 移除 go.mod 與 go.sum 內沒用的資訊
  • 啟動 development mode 的 Web Server

.gitignore

# Hugo output
public/
resources/
.hugo_build.lock

# Editor
.vscode/

# NPM
node_modules

# WebStorm
.idea

# macOS
.DS_Store
  • 更新 .gitignore 加入 NPM / WebStorm 與 macOS 部分

Update Theme

$ hugo mod get -u
$ hugo mod tidy
  • 更新 Hextra 主題
  • 移除 go.mod 與 go.sum 內沒用的資訊

Conclusion

  • Hextra 的 starter template 是由 Hugo Module 所提供，在本地並不包含任何 Hextra 的源代碼，若想用修改 Hextra 的 layout 或 CSS 則不適用此方法
  • 儘管無法修改 Hextra 源代碼，其一堆設定檔仍極具參考價值

Reference

Xim, Hextra Starter Template

# Hugo