mirror of https://github.com/Mabbs/mabbs.github.io
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.0 KiB
33 lines
1.0 KiB
--- |
|
layout: default |
|
title: 搜索 |
|
--- |
|
|
|
<h1>搜索</h1> |
|
<!--[if IE]> |
|
<p>很遗憾，IE搜不了捏～</p> |
|
<![endif]--> |
|
<!--[if !IE]> --> |
|
<p>Keyword: <input type="text" id="search-input" placeholder="Search blog posts.."> <img src="/images/loading.svg" id="search-loading" style="width:22px;vertical-align: bottom"></p> |
|
<ul id="results-container"></ul> |
|
<script src="/assets/js/simple-jekyll-search.min.js"></script> |
|
<script> |
|
const urlParams = new URLSearchParams(window.location.search); |
|
const mykeyword = urlParams.get('keyword')?.trim(); |
|
const sbox = document.getElementById('search-input'); |
|
if (mykeyword) { |
|
sbox.value = mykeyword; |
|
} |
|
getSearchJSON(function(json){ |
|
var sjs = SimpleJekyllSearch({ |
|
searchInput: sbox, |
|
resultsContainer: document.getElementById('results-container'), |
|
json: json, |
|
searchResultTemplate: '<p><li>{date} - <a href="{url}?kw={query}">{title}</a></li></p>', |
|
limit: 20 |
|
}); |
|
sjs.search(mykeyword); |
|
document.getElementById('search-loading').style.display = "none"; |
|
}); |
|
</script> |
|
<!-- <![endif]--> |