Hugo の Web サイトを検索する

動的検索機能を備えた静的な Web サイトですか? はい、Hugo は、静的なウェブサイトに対して、Google やその他の検索エンジンの埋め込み可能なスクリプトの代わりとなる機能を提供します。 Hugo では、コンテンツファイルを直接インデックス化することで、訪問者にカスタム検索機能を提供できます。

• GitHub Gist for Hugo Workflow  . この gist には、静的な Web サイトの検索インデックスを作成するためのシンプルなワークフローが含まれています。シンプルな Grunt スクリプトを使用してすべてのコンテンツファイルのインデックスを作成し、lunr.js  を使用して検索結果を提供します。

• hugo-lunr  . lunr.js  を使用して、静的な Hugo サイトにサイト検索を追加する簡単な方法です。 Hugo-lunr は、Hugo プロジェクト内の HTML および Markdown ドキュメントのインデックス ファイルを作成します。

• hugo-lunr-zh  . Hugo-lunr に少し似ていますが、Hugo-lunr-zh は中国語のキーワードを分離するのに役立ちます。

• GitHub Gist for Fuse.js integration  . この gist は、Hugo の既存のビルド時の処理を利用して、クライアントサイドの Fuse.js  で使用される検索可能な JSON インデックスを生成する方法を示しています。この gist ではファジーマッチングに Fuse.js を使用していますが、JSON インデックスを読み込めるクライアントサイドの検索ツールであれば、どのようなものでも動作します。npm や grunt など、Hugo 以外のビルドツールは必要ありません。

• hugo-search-index  . Gulp タスクと、検索を実装するビルド済みのブラウザ スクリプトを含むライブラリです。 Gulp は、プロジェクトの Markdown ファイルから検索インデックスを生成します。

• hugofastsearch  . 「Fuse.js 統合のための GitHub Gist」のユーザビリティとスピードアップ - グローバルでキーボードに最適化された検索を実現。

• JS & Fuse.js tutorial  FuseJS を使った、シンプルなクライアントサイドの検索ソリューションです (jQuery は不要です)。

• Pagefind  . ユーザーの帯域幅をできるだけ使用せずに、大規模なサイトで優れたパフォーマンスを発揮することを目的とした、完全に静的な検索ライブラリです。

• Hugo Lyra  . Hugo-Lyra は、Lyra  を Hugo の Web サイトに統合するための JavaScript モジュールです。 インデックスを生成するためのサーバサイド部分と、検索エンジンを簡単に起動するためのクライアントサイドライブラリ (オプション) が含まれています。

商用の検索サービス

• Algolia  の Search API は、アプリや Web サイトで優れた検索体験を簡単に提供できるようにします。 Algolia Search は、ホストされた全文検索、数値検索、ファセット検索、ジオローカライズ検索を提供します。
• Bonsai  は、高速で信頼性が高く、セットアップが簡単な、フルマネージド型のホスト型 Elasticsearch サービスです。Hugo のドキュメントを Elasticsearch に簡単に取り込むには、ドキュメントからのこのガイド  に従ってください。
• ExpertRec  は、高速でスケーラブルなホスト型の search-as-a-service (サービスとしての検索) ソリューションです。 セットアップと統合は非常に簡単で、数分しかかかりません。 検索設定は、ダッシュボードを使用して、コーディングなしで変更できます。