検索機能

検索はテーマ内で用意されているわけではなく、外部ツールを使う形です。
ツールはテーマの中に入れてくれているので楽ちんです。

Fuse.js | Fuse.js

で、検索結果はタイトルのみ出てくるんですが、ここに日付も出したいなと思った次第です。

トライアンドエラー

色々調べて、fastsearch.jsを触る必要があることが分かりました。
この中で、検索結果を results という配列にセットして、表示用に ${results[item].item.title という感じで利用していきます。
日付なので、 ${results[item].item.date でいけるかなと思いましたが、ダメでした。
そもそも、results に日付情報が入っていない疑惑があります。

サンプル

Live Demo | Fuse.js

ここのサンプルで results に入る内容が見られました。
日付は入っていませんでした。

search.md にある kesy に date を追加してみたら・・・いや、ダメだ。
ちょっと時間が無いのでいったん諦めて、また時間が取れたから考えてみようかな。

関連記事

なんか悔しかったので、関連記事のところに日付 {{ .Date | time.Format (default "2006-01-02") }} を入れました。

こちらは、related.html を触ってサクッと完了。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

<!-- related.html -->

{{ $related := .Site.RegularPages.Related . | first 5 }}
{{ with $related }}
<div class="toc">
<h3>関連記事</h2>
<div class="inner">
<ul>
    {{ range . }}
    <li><a href="{{ .RelPermalink }}"> <small>{{ .Date | time.Format (default "2006-01-02") }}</small> &nbsp;{{ .Title }}</a></li>
    {{ end }}
</ul>
</div>
</div>
{{ end }}