ghost finder

Localizador de fantasmas

Aqui está um pacote npm útil que fiz. Este complemento permite que você incorpore recursos de pesquisa de maneira fácil e suave em seu tema fantasma. Ele opera usando a API Ghost Content.

Instalação

npm install ghost-finder

OU

Baixe a versão mais recente

Incluir roteiro

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

Marcação de configuração

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

Ative o plug-in

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

Para ver como você pode obter contentApiKey, clique aqui

---

Opções

Nome	Valor padrão	Detalhes
entrada	null Obrigatório	Seletor DOM de entrada de pesquisa
mostrarResultado	null Obrigatório	Seletor DOM onde o resultado da pesquisa será inserido
homeUrl	URL do site atual	URL do seu site fantasma
contentApiKey	null Obrigatório	chave de API de conteúdo
modelo de resultado	veja abaixo	Modelo de wrapper de resultado para resultado de pesquisa
singleResultTemplate	veja abaixo	Modelo de resultado de pesquisa único
comprimento_do_excerto	250	contagem de palavras para mostrar na variável ##excerpt
formato_hora	'MMMM dd yyyy'	String de formato de hora para a variável ##published_at . Formatos disponíveis

Modelos padrão

Modelo de resultado

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

Modelo de resultado único

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

Variáveis

Nome do campo	Propósito
##title	Título da postagem
##url	URL da postagem
##primary_tag_name	Nome da tag principal
##primary_tag_url	URL da tag principal
##primary_author_name	Nome do autor principal
##primary_author_url	URL do perfil do autor principal
##primary_author_avater	Foto do perfil do autor principal
##excerpt	mostre algumas palavras do conteúdo da postagem. A contagem de palavras padrão é 15
##published_at	Data pós-publicação. O formato pode ser alterado pela opção time_format
##feature_image	Postar URL da imagem em destaque
##resultCount	Contagem de resultados correspondentes

Registros

• 3.1.0 - Pesquise o conteúdo junto com o título, substitua laravel-mix por pacote