jekyll で検索を実装する方法- lunr の日本語対応
jekyll
Published: 2018-07-21

目的

jekyll で検索機能を実装するため、全文検索エンジンの lunr.js を導入する方法を調べました。

しかし、日本語での検索の対応に対応していなかったため、

下記を使い対応します。

導入

github のデモのファイルを参考にしながらセッティングしました。

ライブラリの設置

ライブラリの下記のファイルを配置します。

  • lunr.stemmer.support.js
  • tinyseg.js
  • lunr.ja.js

言語設定

ライブラリを読み込んだら次は

どの言語を利用するかの設定をします。

下記のようにしました。

window.idx = lunr(function () {
  this.field('id');
  this.field('title', { boost: 10 });
  this.field('author');
  this.field('category');

  // この行を追加しました
  this.use(lunr.ja)

  var that = this;
  $.each(result, function(i, value) {
    var row = $.extend({ "id": i }, value)
    that.add(row);
  });
});

日本語で検索できるようになりました。