nfts
1.0.0
静态博客的FTS服务器;在引擎盖下使用sqlite。
# npm -g i nfts
为了展示如何增强真正的静态博客,我们将使用ROR博客的回购:
$ git clone https://github.com/rails/weblog.git
$ cd weblog
$ bundle install
$ jekyll s --no-watch
打开http://127.0.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'
这应该返回一系列片段。
现在
编辑_includes/navigation.html添加一个将要调用搜索对话框的链接:
<li><a id="nfts__dialog_toggle" href="#">Search</a></li>
将web.js文件从NFTS安装DIR复制到weblog Dir,并将其重命名为nfts.js这是一个w/ 0依赖项的ES6 UMD。
添加到_config.yml :
nfts:
dialog_toggle_btn: '#nfts__dialog_toggle'
parent_container: 'main > article'
server: http://localhost:3000
debounce: 200
将NFT初始化添加到_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)。
托多。
麻省理工学院