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 선택기
homeUrl	현재 웹사이트 URL	귀하의 유령 사이트 URL
콘텐츠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	게시물 URL
##primary_tag_name	기본 태그의 이름
##primary_tag_url	기본 태그의 URL
##primary_author_name	주요 저자 이름
##primary_author_url	주 작성자의 프로필 URL
##primary_author_avater	주 저자의 프로필 사진
##excerpt	게시물 내용의 일부 단어를 표시합니다. 기본 단어 수는 15입니다.
##published_at	게시 날짜를 게시합니다. time_format 옵션으로 형식 변경 가능
##feature_image	추천 이미지 URL 게시
##resultCount	일치된 결과 수

로그

• 3.1.0 - 제목과 함께 콘텐츠 검색, laravel-mix를 소포로 교체