ここでは、Hugo サイトに全文検索の機能を付ける方法を説明します。 全文検索を実現する方法としては、Google カスタム検索を導入する方法もありますが、Google カスタム検索は、インターネット上に公開する Web サイトにしか適用できません。 ここで紹介する JavaScript を利用した全文検索は、ローカルで運用する Web サイトでも利用できますし、インクリメンタルサーチも実現することができます(実際のサイトの例)。 図: 全文検索+インクリメンタルサーチの完成イメージ大まかに、下記のようなコードを含む HTML ファイルを出力できれば、サイト内の全文検索を実現することができます。 検索用 JavaScript データ (const data = [...])検索用 HTML フォーム (<input>)検索用 JavaScript 関数 (function search()
![Hugo に全文検索(インクリメンタルサーチ)の機能を付ける](https://cdn-ak-scissors.b.st-hatena.com/image/square/d13f3a5122af19ea97ea6ec66315493d87b3cd05/height=288;version=1;width=512/https%3A%2F%2Fmaku77.github.io%2Fimg%2Fsite-logo.png)