Hugo で Hextra テーマをインストールする

Hitoshi Arakawa | 2024/12/05 Thu 04:33

Hugo で Hextra というテーマをインストールした。

Hextra | Hugo Themes
https://themes.gohugo.io/themes/hextra/

imfing/hextra: Modern, batteries-included Hugo theme for creating beautiful doc, blog and static websites
https://github.com/imfing/hextra?tab=readme-ov-file

Getting Started – Hextra
https://imfing.github.io/hextra/docs/getting-started/

環境:
・macOS Sequoia 15.0.1(英語環境)
・Hugo v0.136.2+extended

以下の公式ドキュメントの方法そのままだとうまくいかなかったので、一般的な Hugo のインストール方法でやってみた。

Getting Started – Hextra
https://imfing.github.io/hextra/docs/getting-started/

(1)新規サイトを作成する(mySite というプロジェクト名とする)。

$ hugo new site mySite --format=yaml; cd mySite

(2)theme ディレクトリーにレポジトリをクローンする。

$ git clone https://github.com/imfing/hextra themes/hextra

(3)hugo.yaml に以下を追記。

theme: hextra

(4)サンプルサイトを表示させてみよう。

$ cd themes/hextra/exampleSite/
$ hugo server --themesDir ../..

http://localhost:1313/ で確認できる。

control + C で停止する。

(5)僕は exampleSite で一旦サイトを作って、それを自分用に編集していく方法が好みだが、このテーマでは exampleSite をデフォルトとして統合する方法がうまくいかなかった。

Hugoで始める静的サイト構築入門 静的サイトジェネレーターで作る自作サイト 技術の泉シリーズ (技術の泉シリーズ(NextPublishing)) | meganii | 工学 | Kindleストア | Amazon
https://amzn.to/4ia04JH