Github 블로그 검색 기능 만들기 (minimal mistake)

검색 기능?

내 블로그에서 가장 오른쪽 위에 보면 돋보기 모양이 있는데 여기서 검색을 하면 내가 작성한 블로그의 제목 및 글에서 해당되는 글자를 찾아 Search할 수 있는 서비스이다!

처음에는 굉장히 어려울 것 같아 유튜브나 블로그를 찾아봤으나 좀 어려웠고 간단하게 하는 법이 없을까 고민하던 찰라 좋은 기능을 찾았다. 지금부터 2가지 방법을 설명할 건데 둘 중 편한 방법을 사용하면 될 것 같다.

첫번째 layout search 기능 사용하기

이 방법은 2가지만 파일만 수정하면되는데

1. _data/navigation.yml

   main:
     - title: "Search"
    url: "/search/"
   

2. _pages/search.md

   ---
   title: Search
   layout: search
   permalink: /search/
   author_profile: true
   sidebar:
    nav: "sidebar-category"
   ---
   

   이렇게 진행하면 끝이다 ㅎㅎ

두번째 방법 lunr사용하기 (추천)

lunr은 간단히 생각하면 검색 기능을 만들어주는 Tool이라고 생각하면 된다. 내가 이제부터 할 일은 minimal mistake에서 제공한 lunr source를 매우 간단하게 사용해 볼거다.

1. _config.yml 수정

   search                   : true # true, false (default)
   search_full_content      : true # true, false (default)
   search_provider          : "lunr" # lunr (default), algolia, google
   lunr:
     search_within_pages    : # true, false (default)
   

   config file을 들어가면 search를 변경하는 란이 있는데 이렇게 변경하면 된다. 간단한 설명을 더하면 search : true는 검색 기능을 활성화 할 것인지를 나타내고 search_full_content는 블로그의 제목 뿐 아니라 블로그 내용까지 search하는 기능을 의미한다. provider는 “lunr”로 진행하며 search_within_pages는 false로 진행한다. (이유는 내가 true를 해본 결과 google.html, naver등에 대한 모든 자료에서 search를 진행해 불필요한 자료까지 검색하는 문제가 있어서 false로 진행했다.)

후기

점점 내 블로그가 완성되고 있다.