ghost finder

Buscador de fantasmas

Aquí hay un paquete npm útil que hice. Este complemento te permite incorporar funciones de búsqueda de manera fácil y sencilla en tu tema fantasma. Opera utilizando la API de contenido fantasma.

Instalación

npm install ghost-finder

O

Descargar la última versión

incluir guión

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

Marcado de configuración

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

Activar el complemento

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

Para ver cómo puede obtener contentApiKey, haga clic aquí

---

Opciones

Nombre	Valor predeterminado	Detalles
aporte	null Requerido	Selector DOM de entrada de búsqueda
mostrarResultado	null Requerido	Selector DOM donde se conectará el resultado de la búsqueda
URL de inicio	URL del sitio web actual	La URL de tu sitio fantasma
contenidoApiKey	null Requerido	clave de API de contenido
plantilla de resultado	ver abajo	Plantilla contenedora de resultados para resultados de búsqueda
plantilla de resultado único	ver abajo	Plantilla de resultado de búsqueda única
extracto_longitud	250	recuento de palabras para mostrar en ##excerpt
formato_hora	'MMMM dd yyyy'	Cadena de formato de hora para la variable ##published_at . Formatos disponibles

Plantillas predeterminadas

Plantilla de resultados

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

Plantilla de resultado único

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

variables

Nombre del campo	Objetivo
##title	Título de la publicación
##url	URL de publicación
##primary_tag_name	Nombre de la etiqueta principal
##primary_tag_url	URL de la etiqueta principal
##primary_author_name	Nombre del autor principal
##primary_author_url	URL del perfil del autor principal
##primary_author_avater	Foto de perfil del autor principal.
##excerpt	mostrar algunas palabras del contenido de la publicación. El recuento de palabras predeterminado es 15
##published_at	Fecha posterior a la publicación. El formato se puede cambiar mediante la opción time_format
##feature_image	Publicar URL de imagen destacada
##resultCount	Recuento de resultados coincidentes

Registros

• 3.1.0 - Buscar contenido junto con el título, Reemplazar laravel-mix con paquete