nfts
1.0.0
静的ブログ用のFTSサーバー。フードの下でsqliteを使用します。
# npm -g i nfts
実際の静的ブログをF/ FTSで拡張する方法を示すために、RORブログにはレポを使用します。
$ git clone https://github.com/rails/weblog.git
$ cd weblog
$ bundle install
$ jekyll s --no-watch
http://127.0.0.1:4000を開いて、ブログを閲覧します。
diff端末から:
$ cd weblog
$ nfts-create -o db.sqlite3 -p _posts/ _posts/*
$ nfts-server db.sqlite3
サーバーをテストするには:
$ curl 'http://localhost:3000/?q=omg'
これにより、スニペットの配列が返されます。
今
edit _includes/navigation.html検索ダイアログを呼び出すリンクを追加します。
<li><a id="nfts__dialog_toggle" href="#">Search</a></li>
nftsインストールdirからweb.jsファイルをweblog dirにコピーし、それをnfts.jsに変更します。依存関係のあるES6 UMDです。
_config.ymlに追加:
nfts:
dialog_toggle_btn: '#nfts__dialog_toggle'
parent_container: 'main > article'
server: http://localhost:3000
debounce: 200
NFTS初期化を_includes/navigation.htmlに追加します:
<script src="/nfts.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
new NftsDialog(JSON.parse('{{site.nfts | jsonify }}'),
file => { // post
let prefix = NftsDialog.date_fmt(file.slice(0,10))
let basename = file.slice(10+1).replace(/.[^.]+$/, '')
return '{{site.url}}' + '/' + prefix + '/' + basename
})
})
</script>
NFTSの統合が完了しました。 Jekyllを再起動し、サイトの再生が完了したことを確認し、ブラウザのブログページを更新し、[検索]&「OMG」と入力する[Enterを押す必要はありません)をクリックします。
トト。
mit