당신은 멋쟁이, 우리는 장고쟁이~

0%

Hexo 블로그 - 블로그내에 검색 기능 추가

작성일 Edited on In Disqus:

블로그내 검색기능 추가


블로그내에 검색기능을 추가하려 합니다.

카테고리나, 태그로 검색해도 괜찮지만, 포스트들을 검색할수 있는 기능이 있으면 좋을것 같습니다



hexo-generator-searchdb 설치하기


search data generator플러그인을 설치 해줍니다.


해당 플러그인은 여러분의 포스트의 필요한 데이터를 포함하고 있는 검색 인덱스 파일을 생성하는데 사용하고.

이 파일들을을 이용해서, 블로그내에 로컬 서치 엔진 으로 사용합니다.



우선, 아래 명령어를 실앻해서 플러그인을 설치해줍니다. 


1
npm install hexo-generator-searchdb

_config.yml 수정하기


위 과정에서 플러그인을 정상적으로 설치했으면, blog/_config.yml파일을 열어줍니다.


파일을 연뒤에, 밑에 코드를 맨 아래에 추가해줍니다. 


1
2
3
4
5
6
7
# Local Search 
# search 
search:
  path: search.xml
  field: post
  content: true
  format: html


테마폴더내에 _config.yml 수정하기



blog/themes/hexo-next-theme/_config.yml파일을 열어줍니다.



local_search부분을 아래와 같이 수정해 줍니다.

enable값을 true로 변경해줍니다. 



1
2
3
4
5
6
7
8
9
10
11
12
13
# Local Search
# Dependencies: https://github.com/theme-next/hexo-generator-searchdb
local_search:
  enable: true
  # If auto, trigger search by changing input.
  # If manual, trigger search by pressing enter key or search button.
  trigger: manual
  # Show top n results per article, show all results by setting to -1
  top_n_per_article: 1
  # Unescape html strings to the readable one.
  unescape: false
  # Preload the search data when the page loads.
  preload: false

마치며..



블로그에 검색기능이 잘 반영된것 같습니다. hexo 라고 검색하니까.

잘 작동합니다.