ryskosnのブックマーク - はてなブックマーク

ryskosn id:ryskosn

ブックマーク / maku77.github.io (2)

Hugo に全文検索（インクリメンタルサーチ）の機能を付ける
ここでは、Hugo サイトに全文検索の機能を付ける方法を説明します。全文検索を実現する方法としては、Google カスタム検索を導入する方法もありますが、Google カスタム検索は、インターネット上に公開する Web サイトにしか適用できません。ここで紹介する JavaScript を利用した全文検索は、ローカルで運用する Web サイトでも利用できますし、インクリメンタルサーチも実現することができます（実際のサイトの例）。図: 全文検索＋インクリメンタルサーチの完成イメージ大まかに、下記のようなコードを含む HTML ファイルを出力できれば、サイト内の全文検索を実現することができます。検索用 JavaScript データ (const data = [...])検索用 HTML フォーム (<input>)検索用 JavaScript 関数 (function search()
ryskosn 2019/12/16
Hugo
リンク
まくまく Hugo/Go ノート
高速な静的サイトジェネレータ Hugo の使い方です。 Go 言語に関する記事はこちらへ分離しました。はじめにHugo とは／Hugo をインストールするHugo で新規の Web サイトを作成する記事の作成Hugo で記事を作成するHugo でドラフトページを作成するHugo でドラフトページの一覧を簡単に確認できるようにするHugo のテーマを設定するHugo で独自のテーマを作成するHugo Themes（Hugo テーマの一覧サイト）hugo コマンドと設定ファイルhugo コマンドカレントディレクトリを気にせずに hugo コマンドを実行する (hugo server -s)ポート番号を指定して Hugo サーバーを起動する (hugo server -p)Hugo サーバーで記事生成のキャッシュを無効にする (hugo server --ignoreCache)複数の Hug
ryskosn 2019/12/05
Hugo
リンク
1