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 >

變數

欄位名稱	目的
##title	貼文標題
##url	發布網址
##primary_tag_name	主標籤名稱
##primary_tag_url	主標籤的 URL
##primary_author_name	主要作者姓名
##primary_author_url	主要作者的個人資料網址
##primary_author_avater	主要作者頭像
##excerpt	顯示貼文內容的一些文字。預設字數為 15
##published_at	發布日期。可以透過time_format選項變更格式
##feature_image	發布特色圖片網址
##resultCount	匹配結果計數

紀錄

• 3.1.0 - 搜尋內容和標題，用 Parcel 取代 laravel-mix