Hugo on 荒川仁志公式サイト

[Hugo] Google Adsense の設置２

Sat, 19 Apr 2025 05:46:59 +0900

以前 Hugo で作ったサイトに Google Adsense を表示させる方法について書いた。

[Hugo] Google Adsense の設置｜荒川仁志
https://note.com/hitoshiarakawa/n/nd653cf18e036

その方法を改めてまとめ直してみる。

今回はブログの個別ページに、トップのアンカー広告、そしてフッターに広告を表示させる。

Hugo に Hugoplate テーマをインストールする３

Wed, 16 Apr 2025 17:26:22 +0900

Hugo に Hugoplate テーマをインストールしたことを書いた。

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

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

[Hugo] レイアウトの指定

Sat, 07 Dec 2024 04:31:45 +0900

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

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

[Hugo] Hugoplate でブログのパーマリンクを指定する

Fri, 06 Dec 2024 04:46:07 +0900

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

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

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

Thu, 05 Dec 2024 05:18:54 +0900

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 15.0.1（英語環境）
・Hugo v0.136.2+extended

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

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

Thu, 05 Dec 2024 04:33:32 +0900

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 のインストール方法でやってみた。

Hugo で Clarity テーマのカスタマイズ

Tue, 03 Dec 2024 04:38:31 +0900

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 テーマをインストールする２

Mon, 02 Dec 2024 04:33:42 +0900

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

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

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

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

Sun, 01 Dec 2024 06:55:01 +0900

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 テーマをインストールする

Sat, 30 Nov 2024 04:36:14 +0900

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

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

[Hugo] パーツを特定ページのみに表示する

Fri, 29 Nov 2024 04:30:43 +0900

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

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

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

Hugo に Hugo Profile テーマをインストールする

Thu, 28 Nov 2024 04:42:24 +0900

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.
https://github.com/gurusabarish/hugo-profile/tree/master

Hugo に Hugoplate テーマをインストールする２

Tue, 05 Nov 2024 04:45:05 +0900

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

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

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

[Hugo] Hugo Book テーマでのサイト構築

Wed, 30 Oct 2024 04:42:42 +0900

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

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

[Hugo] アポストロフィーや引用符付きタイトルで投稿する

Wed, 26 Jun 2024 04:07:12 +0900

Hugo で記事のタイトルにアポストロフィーや英語の引用符が含めたいことがある。

普通にアポストロフィーや引用符を含んだタイトルにすると、デプロイ時にエラーが発生する。

[Hugo] 長い URL を改行する２

Sun, 02 Jun 2024 03:01:00 +0900

以前 Hugo の heyo テーマで、長い URL をウィンドウ幅で改行させる方法について書いた。

[Hugo] 長い URL を改行する｜荒川仁志
https://note.com/hitoshiarakawa/n/nbb5131ebd699

しかし、URL を改行させるだけでなく、英単語の途中でも改行されてしまう。

Hugo で OGP 設定

Wed, 22 May 2024 03:59:37 +0900

Hugo で Hugoplate というテーマを使ったサイトを作った。

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

このサイトのブログ記事を X で共有すると、自動的に記事タイトルや画像が挿入される。これは OGP（Open Graph Protocol）と呼ばれるもので、SNS でリンクを共有したときにページのタイトルや画像、説明文などが表示される仕組みだ。

Hugo で翻訳ワードを設定する

Tue, 21 May 2024 04:10:13 +0900

Hugo で多言語サイトを作っている。

例えば {Hugo のプロジェクト名}/themes/{テーマ名}/laygouts/_defautl 内の html ファイルをいじることはよくある。

Hugo で言語ごとに設定ファイルを分ける

Mon, 20 May 2024 03:10:02 +0900

環境：
・macOS Ventura 13.5（英語環境）
・Hugo v0.119.0
・Hugo テーマ：Hugo Profile

Hugo の Hugo Profile テーマでは設定ファイルの config.yaml 内でトップページの表示を設定する。

[Hugo] 最新記事を特定ページのみに表示する

Sun, 19 May 2024 03:41:29 +0900

Hugo で Hugo Profile というテーマを使ったページを作った。

GitHub - gurusabarish/hugo-profile: A highly customizable and mobile first Hugo template for personal portfolio and blog.
https://github.com/gurusabarish/hugo-profile/tree/master?tab=readme-ov-file

Hugo Profile テーマはブログの「最近更新した記事」をページ下に表示できる（表示数は config.yaml で指定）。

Hugo に全文検索機能を追加する

Sat, 18 May 2024 04:00:52 +0900

Hugo で公開されているテーマは全文検索機能が付いていないテーマも多い。

Complete List | Hugo Themes
https://themes.gohugo.io/

僕が使っている Hugo のサイトの一つは Blonde というテーマだが、これも検索機能がないのだ。2300 ページを超えるブログなので検索機能は欠かせない。

Hugo に robots.txt とサイトマップを設定する２

Thu, 16 May 2024 03:50:57 +0900

Hugo に robots.txt とサイトマップを設定する方法について書いた。

Hugo に robots.txt とサイトマップを設定する｜荒川仁志
https://note.com/hitoshiarakawa/n/n723813a7a625

今回はそれを Hugoplate テーマでやってみた。Stack テーマでやったときとはテーマを変えたし多言語化もしているので少し勝手が変わった。

[Hugo] Hugoplate テーマで月別アーカイブを作成する２

Tue, 14 May 2024 04:09:08 +0900

Hugo の Hugoplate テーマで月別アーカイブを作成する方法について書いた。

[Hugo] Hugoplate テーマで月別アーカイブを作成する | 荒川仁志公式サイト https://www.hitoshiarakawa.com/blogs/2024/2024-05-13_archive-pages-on-the-hugoplate-theme/

上記の方法を実現する前提としては個々の投稿ファイルにおいて、Front Matter で以下のような記述が必要となる。

[Hugo] Hugoplate テーマで月別アーカイブを作成する

Mon, 13 May 2024 04:02:34 +0900

Hugo では月別のアーカイブページが用意されていない。過去のページにアクセスするのが難しい。そのため、月別のアーカイブページを作ることにした。

アーカイブページはトップメニューからアクセスできるようにしたい。月ごとにグループ分けし、新しい記事から順に表示させるようにしたい。

Hugo で多言語サイトにおける新規投稿

Sun, 12 May 2024 04:00:29 +0900

環境：
・macOS Ventura 13.5（英語環境）
・Hugo v0.119.0
・Hugo テーマ：Hugoplate

Hugo に Hugoplate テーマをインストールし、多言語化したことを書いた。

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

[Hugo] Hugoplate テーマで日付フォーマット設定

Sat, 11 May 2024 04:03:22 +0900

Hugo に Hugoplate テーマをインストールしたことを書いた。

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

さらに英語と日本語の多言語化をした。

[Hugo] Hugoplate テーマでの多言語化 | 荒川仁志公式サイト
https://www.hitoshiarakawa.com/blogs/2024/2024-05-10_multilingual-site-with-hugo/

[Hugo] Hugoplate テーマでの多言語化

Fri, 10 May 2024 04:04:40 +0900

Hugo に Hugoplate テーマをインストールしたことを書いた。

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

さらにサイトを多言語化することにした。英語と日本語の表示に切り替えられるようにする。

Hugo に Hugoplate テーマをインストールする

Thu, 09 May 2024 04:01:54 +0900

Hugo に Hugoplate というテーマをインストールしたので、その方法のメモ。

Hugoplate | Hugo Themes
https://themes.gohugo.io/themes/hugoplate/

環境：
・macOS Ventura 13.5（英語環境）
・Hugo v0.119.0

（１）テーマファイルのダウンロード、移動。

本サイトを多言語化した

Tue, 07 May 2024 04:08:04 +0900

本サイトはこれまで日本語と英語を併記する形で多言語化していた。こういった併記する形の翻訳をパラレルテキストと言う。

でもごちゃごちゃして結局読みにくくなる。

Hugo on 荒川仁志 公式サイト

[Hugo] Google Adsense の設置２

Hugo に Hugoplate テーマをインストールする３

[Hugo] レイアウトの指定

[Hugo] Hugoplate でブログのパーマリンクを指定する

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

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

Hugo で Clarity テーマのカスタマイズ

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

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

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

[Hugo] パーツを特定ページのみに表示する

Hugo に Hugo Profile テーマをインストールする

Hugo に Hugoplate テーマをインストールする２

[Hugo] Hugo Book テーマでのサイト構築

[Hugo] アポストロフィーや引用符付きタイトルで投稿する

[Hugo] 長い URL を改行する２

Hugo で OGP 設定

Hugo で翻訳ワードを設定する

Hugo で言語ごとに設定ファイルを分ける

[Hugo] 最新記事を特定ページのみに表示する

Hugo に全文検索機能を追加する

Hugo に robots.txt とサイトマップを設定する２

[Hugo] Hugoplate テーマで月別アーカイブを作成する２

[Hugo] Hugoplate テーマで月別アーカイブを作成する

Hugo で多言語サイトにおける新規投稿

[Hugo] Hugoplate テーマで日付フォーマット設定

[Hugo] Hugoplate テーマでの多言語化

Hugo に Hugoplate テーマをインストールする

本サイトを多言語化した

Hugo on 荒川仁志公式サイト