ghost finder

Geisterfinder

Hier ist ein hilfreiches NPM-Paket, das ich erstellt habe. Mit diesem Add-on können Sie Suchfunktionen einfach und unkompliziert in Ihr Ghost-Theme integrieren. Es arbeitet mit der Ghost Content API.

Installation

npm install ghost-finder

ODER

Laden Sie die neueste Version herunter

Skript einbinden

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

Markup einrichten

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

Aktivieren Sie das Plugin

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

Um zu sehen, wie Sie contentApiKey erhalten können, klicken Sie hier

---

Optionen

Name	Standardwert	Einzelheiten
Eingang	null Erforderlich	DOM-Selektor der Sucheingabe
showResult	null Erforderlich	DOM-Selektor, in den das Suchergebnis eingefügt wird
homeUrl	aktuelle Website-URL	Die URL Ihrer Ghost-Site
contentApiKey	null Erforderlich	Inhalts-API-Schlüssel
resultTemplate	siehe unten	Ergebnis-Wrapper-Vorlage für Suchergebnisse
singleResultTemplate	siehe unten	Vorlage für einzelne Suchergebnisse
Auszugslänge	250	Anzahl der Wörter, die in der Variable ##excerpt angezeigt werden sollen
Zeitformat	'MMMM dd yyyy'	Zeitformatzeichenfolge für die Variable ##published_at . Verfügbare Formate

Standardvorlagen

Ergebnisvorlage

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

Einzelergebnisvorlage

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

Variablen

Feldname	Zweck
##title	Titel des Beitrags
##url	Beitrags-URL
##primary_tag_name	Name des primären Tags
##primary_tag_url	URL des primären Tags
##primary_author_name	Name des Hauptautors
##primary_author_url	Profil-URL des Hauptautors
##primary_author_avater	Profilfoto des Hauptautors
##excerpt	Zeigen Sie einige Wörter des Beitragsinhalts an. Die Standardanzahl der Wörter beträgt 15
##published_at	Nach dem Veröffentlichungsdatum. Das Format kann mit der Option time_format geändert werden
##feature_image	URL des vorgestellten Bildes im Beitrag
##resultCount	Anzahl übereinstimmender Ergebnisse

Protokolle

• 3.1.0 – Suche nach Inhalt zusammen mit dem Titel, Ersetzen Sie Laravel-Mix durch Parcel