Jekyll 即时搜索答案

【问题标题】：Jekyll istant searchJekyll 即时搜索
【发布时间】：2017-08-20 20:48:33
【问题描述】：

我正在尝试从 Github 上的 /Simple-Jekyll-Search 实现 jekyll 即时搜索（抱歉目前不能发布超过 2 个链接）

我遵循了所有步骤，我可以在 _site 中看到 search.json 文件已正确构建且格式正确。

但在实时站点中没有结果输出。

我尝试在_layout中添加搜索代码：default.html，并使用专用的search.html页面

---
layout: page
title: Search
---

<script src="{{ site.baseurl }}/search-script.js" type="text/javascript"></script>

<!-- Configuration -->
<script>
SimpleJekyllSearch({
  searchInput: document.getElementById('search-input'),
  resultsContainer: document.getElementById('results-container'),
  json: '/search.json'
})
</script>


<!-- Html Elements for Search -->
<div id="search-container">
<input type="text" id="search-input" placeholder="search...">
<ul id="results-container"></ul>
</div>

检查控制台显示这个

js 错误

我在做一些测试时，它工作了一段时间，但我无法重现这些条件。

我认为我在页面结构上犯了一些错误，js没有被正确调用

我这里有一个测试站点

realware

我很确定我在模板中做错了什么

感谢您的帮助

【问题讨论】：

标签： jekyll

【解决方案1】：

已解决：

供将来参考：缩小版本包含一些错误，我发现了一个带有 js 重建版本的分叉存储库，只需删除文件末尾的大注释块，因为不需要外部资源的链接，一切都像魅力

使用这个 repo，（不是缩小版）

https://github.com/tigerhawkvok/Simple-Jekyll-Search

【讨论】：