ghost finder下载 - ghost finder源代码下载

下载

幽灵探测器

这是我制作的一个有用的 npm 包。这个插件可以让您轻松而甜蜜地将搜索功能合并到您的幽灵主题中。它使用 Ghost Content API 进行操作。

npm install ghost-finder

下载最新版本

包含脚本

 < script src =" {{asset " ghost-finder /dist/ghost-finder.js"}}" > </ script >

设置标记

 < div >
  < input id =" search-input " type =" text " placeholder =" Type to search " />
  < div id =" search-result " > </ div >
</ div >

激活插件

 new GhostFinder ( {
    input : '#search-input' ,
    showResult : '#search-result' ,
    contentApiKey : //CONTENT API KEY...,
} )

要了解如何获取 contentApiKey ，请单击此处

姓名	默认值	细节
输入	`null`必填	搜索输入的 DOM 选择器
显示结果	`null`必填	将插入搜索结果的 DOM 选择器
主页地址	当前网站网址	你的幽灵网站网址
内容API密钥	`null`必填	内容 API 密钥
结果模板	见下文	搜索结果的结果包装模板
单结果模板	见下文	单个搜索结果模板
摘录长度	250	`##excerpt`变量中显示的字数
时间格式	`'MMMM dd yyyy'`	`##published_at`变量的时间格式字符串。可用格式

结果模板

 < ul class =" search-results-wrapper " >
  < p > Search match(es): ##resultCount </ p >
  ##results
</ ul >

单一结果模板

 < li > < a href =" ##url " > ##title </ a > </ li >