41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!-- this is an experimental of algolia search -->
|
|
|
|
<div class="search">
|
|
|
|
<input type="text" placeholder="search...">
|
|
</div>
|
|
<div class="results">
|
|
<ul id="users"></ul>
|
|
</div>
|
|
|
|
<script src="http://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var client = algoliasearch('{{site.algolia_application_id}}', '{{site.algolia_search_only_api_key}}');
|
|
var index = client.initIndex('{{site.algolia_index_name}}');
|
|
var $input = $('input');
|
|
$input.keyup(function() {
|
|
index.search($input.val(), {
|
|
hitsPerPage: 10,
|
|
facets: '*'
|
|
}, searchCallback);
|
|
}).focus();
|
|
});
|
|
|
|
function searchCallback(err, content) {
|
|
console.log(content);
|
|
if (err) {
|
|
console.error(err);
|
|
return;
|
|
}
|
|
|
|
var $users = $('#users');
|
|
$users.empty();
|
|
|
|
for (var i = 0; i < content.hits.length; i++) {
|
|
$users.append('<li> <a href="' + content.hits[i].url + '">' + content.hits[i].title + '</a> ' + content.hits[i]._highlightResult.body.value + '</li>');
|
|
}
|
|
};
|
|
</script>
|