我正在尝试在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没有被正确地调用
我在这里有一个测试网站
我很确定我在模板中做错了什么
感谢您的帮助
答案 0 :(得分:0)
解决:
为了将来参考:缩小版本包含一些错误,我发现了一个带有重建版本的js的分叉回购,只需删除文件末尾的大注释块,因为不需要外部资源的链接,一切都像魅力
使用此repo,(不是缩小版本)