<div>
<i class="fa fa-search"></i> Search
</div> <div id=“site_search”>
<input type="text" id="search_box" placeholder="Search..." >
</div> <div id=“search_results”></div>
<link rel=“stylesheet” type=“text/css” href=“{{ site.url }}/assets/stylesheets/main.css”> <script type=“text/javascript” src=“{{ site.url }}/assets/js/search.js”></script> <script type=“text/javascript” src=“{{ site.url }}/assets/js/node_modules/simpleblogsearch/index.js”></script>
<script> SimpleBlogSearch({
searchDataPath: '{{ site.baseurl }}/assets/search_data.json', dataType: 'json', processDataFunc: function(data){ return data }, searchInputID: 'search_box', resultsDivID: 'search_results', resultULClass: 'content-ul search-ul content-side', highlightKeywordClass: 'search_keyword', limit: 4,
}); </script>