results.html我在嘗試在標(biāo)題為 using this Guide here的新頁面中顯示搜索結(jié)果時(shí)遇到了一些麻煩。似乎它的設(shè)置是在正在進(jìn)行搜索的頁面上顯示結(jié)果，這不是我要找的。我想做的是在 中添加一個(gè)搜索框index.html，按下包含搜索結(jié)果的按鈕后會(huì)打開一個(gè)新頁面。目前，在任何頁面上進(jìn)行的任何搜索都只會(huì)顯示結(jié)果。_includes/search-lunr.html<script src="/js/lunr.js"></script><script>{% assign counter = 0 %}var documents = [{% for page in site.pages %}{% if page.url contains '.xml' or page.url contains 'assets' %}{% else %}{ "id": {{ counter }}, "url": "{{ site.url }}{{ page.url }}", "title": "{{ page.title }}", "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %} }, {% endif %}{% endfor %}{% for page in site.without-plugin %}{ "id": {{ counter }}, "url": "{{ site.url }}{{ page.url }}", "title": "{{ page.title }}", "body": "{{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %} }, {% endfor %}{% for page in site.posts %}{ "id": {{ counter }}, "url": "{{ site.url }}{{ page.url }}", "title": "{{ page.title }}", "body": "{{ page.date | date: "%Y/%m/%d" }} - {{ page.content | markdownify | replace: '.', '. ' | replace: '</h2>', ': ' | replace: '</h3>', ': ' | replace: '</h4>', ': ' | replace: '</p>', ' ' | strip_html | strip_newlines | replace: ' ', ' ' | replace: '"', ' ' }}"{% assign counter = counter | plus: 1 %} }{% if forloop.last %}{% else %}, {% endif %}{% endfor %}];var idx = lunr(function () { this.ref('id') this.field('title') this.field('body') documents.forEach(function (doc) { this.add(doc) }, this)});</script>我唯一能想到的就是向表單添加一個(gè)操作，然后打開該操作，這_layout/results.html實(shí)際上不會(huì)改變?nèi)魏蝺?nèi)容。任何幫助，將不勝感激。謝謝。
1 回答
MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
如果您希望搜索結(jié)果僅出現(xiàn)在單獨(dú)的頁面上，則您將希望搜索表單具有指向它的操作。該術(shù)語將被傳遞到該頁面，然后該頁面可以對(duì)其進(jìn)行處理并顯示搜索結(jié)果。
該模板演示了這個(gè)確切的流程：
現(xiàn)場(chǎng)演示： https: //long-pig.cloudvent.net/
這是一個(gè)非常好的解決方案，因?yàn)槟木W(wǎng)站查看者只需在執(zhí)行搜索時(shí)加載并運(yùn)行該代碼，這對(duì)于合理大小的索引來說可以節(jié)省大量成本。
用上面的代碼粗略地復(fù)制它：
從{% include search-lunr.html %}您的index.html.
把這個(gè)放在index.html：
<form action="{{ site.baseurl }}/search/" method="get">
<input type="text" name="q">
<input type="submit" value="Search">
</form>
然后在你的search.html：
...
{% include search-lunr.html %}
<script>
function getQueryVariable(variable) {
var query = window.location.search.substring(1),
vars = query.split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] === variable) {
return decodeURIComponent(pair[1].replace(/\+/g, '%20')).trim();
}
}
}
var query = decodeURIComponent((getQueryVariable("q") || "").replace(/\+/g, "%20"));
lunr_search(query);
</script>
...
- 1 回答
- 0 關(guān)注
- 190 瀏覽
添加回答
舉報(bào)
0/150
提交
取消