はじめに

Hugoブログに検索機能がないので、Googleカスタム検索を導入して利便性が上がるかを試してみる。

環境

Hugo version v0.122.0
Jane

Docker Desktop 4.27.1 (136059)
Docker 25.0.2
Docker Compose version v2.24.3-desktop.1

手順

Googleカスタム検索の登録

カスタム検索ページの作成に沿って構築する。

1. プログラム可能な検索エンジンから「使ってみる」を押下する。

2. 「新しい検索エンジンを作成」にて必要事項を入力する。

1. 出力された JavaScriptはスルーし、概要の検索エンジン IDをコピーしておく。

Hugoブログへの反映

1. config.tomlを修正する。

Janeテーマでは既にGoogleカスタム検索用にオプションを用意してくれている。
config.tomlに idを打ち込んだりすればOK

config/_default/config.toml

+  [params.search.google]    # google custom search, see https://cse.google.com
+    enable = true
+    id = "[*取得したID*]"
+    title = "Search"

2. 動作を確認する

問題なさそう！
上の方にレコメンドの広告が出るのが嫌だな〜。

参考

• Google カスタム検索エンジンでHugoのサイト内検索を行う
  https://zatoima.github.io/hugo-google-custom-search-engine/

おわりに

ブログの記事が増えてきて、検索で困っていたのでGoogleカスタム検索を導入してみた。
利便性が上がれば良いかなと思うが、微妙そうだったら撤去する。