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

Hitoshi Arakawa | 2024/11/30 Sat 04:36

Hugo に Clean White というテーマをインストールしてみた。

Clean White | Hugo Themes
https://themes.gohugo.io/themes/hugo-theme-cleanwhite/

zhaohuabing/hugo-theme-cleanwhite: A clean, elegant blog theme for hugo
https://github.com/zhaohuabing/hugo-theme-cleanwhite

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

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

$ hugo new site mySite; cd mySite

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

$ git clone https://github.com/zhaohuabing/hugo-theme-cleanwhite.git themes/hugo-theme-cleanwhite

(3)サンプルサイトを読み込む。

$ cd themes
$ cp -r hugo-theme-cleanwhite/exampleSite/** ../
$ cd ..

content/post 内の md ファイルのうち、Front Matter に Published があるものは次のサンプルサイトの表示の時点でエラーが出る。Publishded の行をそれぞれ削除すればいいが、post ディレクトリー内のサンプルファイルはすべて削除してしまってもいい。

(4)以下のコマンドでサンプルサイトを表示できる。

$ hugo server

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