Lunr.jsのインデックス登録？

Question

私は最近、自分のウェブサイトではなくクライアント側で検索するための検索ボタンを実装する必要のあるWebプロジェクトを開始しました。だから私はlunr.jsを見つけた。私の問題は..どのようにページのインデックスを作成するのですか？うん、私は彼らのサイトで書かれたドリルを知っている..しかし、それは十分ではない..私はそのスクリプトを実装するのですか？ （下記参照）私は何を使用しますか？

var index = lunr(function() { 
    this.field('title', {boost: 10}) 
    this.field('body') 
    this.ref('id') 
}) 

index.add({ 
    id: 1, 
    title: 'Foo', 
    body: 'Foo foo foo!' 
}) 

index.add({ 
    id: 2, 
    title: 'Bar', 
    body: 'Bar bar bar!' 
}) 

このコードはどこに記入しますか？私は明らかに分かりません。

Answer 1

ようこそスタックオーバーフロー！

スニペットはインデックスを作成し、そのインデックスにドキュメントを追加します。索引は検索を実行するオブジェクトで、追加する文書は全文検索を可能にする方法で保管します。

検索機能を提供するすべてのページにコードを追加する必要があります（ただし、検索するドキュメントを追加する必要があります）。

その後、ユーザーが検索を実行することを可能にするためのUIのいくつかの種類を提供する必要があります。

<input type="search" id="search-input" placeholder="Search"> 

今、あなたはlunrに対して検索ボックスにいつでもユーザータイプを検索を実行したい：

上記は本当にシンプルですが、うまくいけば十分です。あなたは別の使用例を見ることができますlunr docs page