Hugo で作成したサイトのテーマを変更することにした。

すると旧テーマで作成したブログページのレイアウトが、一般ページ用のレイアウトになってしまう。新テーマのブログ用のレイアウトにならない。

Hugo で運営しているサイトの一つを、テーマを変更することにした。これまで heyo テーマを使っていたが、Hugoplate テーマにすることにした。

heyo | Hugo Themes
https://themes.gohugo.io/themes/heyo-hugo-theme/

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

Universal | Hugo Themes
https://themes.gohugo.io/themes/hugo-universal-theme/

devcows/hugo-universal-theme: Universal theme for Hugo, it stands out with its clean design and elegant typography.
https://github.com/devcows/hugo-universal-theme

環境：
・macOS Sequoia …

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 …

Hugo で Clarity テーマをインストールした。

Hugo で Clarity テーマをインストールする | 荒川仁志 公式サイト https://www.hitoshiarakawa.com/blogs/2024/2024-12-01_clarify-theme-in-hugo/

Hugo で Clarity テーマをインストールする２ | 荒川仁志 公式サイト https://www.hitoshiarakawa.com/blogs/2024/2024-12-02_clarify-theme-in-hugo-2/

結局２つ目の方法で運用することにした。

Hugo で Clarity テーマをインストールする方法を書いた。

Hugo で Clarity テーマをインストールする | 荒川仁志 公式サイト
https://www.hitoshiarakawa.com/blogs/2024/2024-12-01_clarify-theme-in-hugo/

別の方法でのインストールをやってみた。前回の方法だと exampleSite をコピーする必要があってややこしいが、今回の方法は themes ディレクトリーを使わないシンプルな方法だ。

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

（１）新規サイトを作成する（mySite というプロジェクト名とす …

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 …

以前 Hugo で最新記事を特定ページのみに表示する方法について書いた。

[Hugo] 最新記事を特定ページのみに表示する | 荒川仁志 公式サイト
https://hitoshiarakawa.com/blogs/2024/2024-05-19_displaying-latest-posts-on-specific-pages-in-hugo/

これを応用すると、他のパーツであってもどのページに表示するかを html に記述することができる。

macOS を Ventura から Sequoia にアップデートしたので、Hugo をゼロからインストールし直した。改めて Hugo Profile テーマを使ったサイトの作り方をメモしておく。

Hugo Profile | Hugo Themes
https://themes.gohugo.io/themes/hugo-profile/

gurusabarish/hugo-profile: A highly customizable and mobile first Hugo template for personal portfolio and blog. …

以前 Hugo に Hugoplate テーマをインストールする方法を書いた。

Hugo に Hugoplate テーマをインストールする | 荒川仁志 公式サイト
https://hitoshiarakawa.com/blogs/2024/2024-05-09_installing-hugoplate-theme-on-hugo/

再びゼロから Hugo のサイトを作り直すことになったが、上記リンクに従えばいい。

macOS を Ventura から Sequoia にアップデートした。

それによってゼロから Hugo の環境を作り直すことになったので、これを機に Hugo を使ったサイトの構築方法を改めてまとめてみる。