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

Hitoshi Arakawa | 2024/12/01 Sun 06:55

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

Clarity | Hugo Themes
https://themes.gohugo.io/themes/hugo-clarity/

chipzoller/hugo-clarity: A theme for Hugo based on VMware Clarity
https://github.com/chipzoller/hugo-clarity

環境:
・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/chipzoller/hugo-clarity themes/hugo-clarity

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

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

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

このテーマは記事の共有に、リンクをコピーするボタンがある。Hugo で自分で実装する方法が分からなかったけど、もともと組み込まれているから便利だ。

参考:
複数の Hugo サイトで同じテーマディレクトリを参照する (themesDir) - まくまく Hugo ノート
https://maku77.github.io/p/4m7gqfx/

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