Jekyll istant search

时间:2017-08-20 20:48:34

标签: jekyll

我正在尝试在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错误

enter image description here

当我做一些测试时,它已经工作了一段时间,但我无法重现这些条件。

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

我在这里有一个测试网站

realware

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

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

解决:

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

使用此repo,(不是缩小版本)

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