はじめに
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カスタム検索の登録
カスタム検索ページの作成に沿って構築する。
プログラム可能な検索エンジンから「使ってみる」を押下する。
「新しい検索エンジンを作成」にて必要事項を入力する。
| 項目 | 設定値 |
|---|---|
| 検索エンジンの名前 | blog.k-bushi.com |
| 特定のサイトまたはページを検索 | blog.k-bushi.com を追加 |
| 検索設定 | 画像検索、セーフサーチ |
- 出力された
JavaScriptはスルーし、概要の検索エンジン IDをコピーしておく。
Hugoブログへの反映
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"
- 動作を確認する
問題なさそう！
上の方にレコメンドの広告が出るのが嫌だな〜。
参考
- Google カスタム検索エンジンでHugoのサイト内検索を行う
https://zatoima.github.io/hugo-google-custom-search-engine/
おわりに
ブログの記事が増えてきて、検索で困っていたのでGoogleカスタム検索を導入してみた。
利便性が上がれば良いかなと思うが、微妙そうだったら撤去する。