您可以将搜索页添加到站点,并将内容列表组件添加到搜索页。
添加搜索页:
将页添加到站点并将其设置为搜索页。
将内容列表组件添加到搜索页。
将内容类型设置为之前创建的页索引内容类型。
要使搜索字段显示在站点的每个页上,可以将搜索字段添加到主题的布局 HTML 页。
例如:
<div align="center"> <input id="searchonpage" type="text" size="30" placeholder="Search on page. . ."/> </div>
添加输入字段:
<script>
// Get the search field element
const node = document.getElementById('searchonpage');
// Get the search string from the url if it exists
var params = (new URL(document.location)).searchParams;
var defaultStr = params && params.get('default');
if (defaultStr) {
if (defaultStr.lastIndexOf('*') === defaultStr.length - 1) {
defaultStr = defaultStr.substring(0, defaultStr.length - 1);
}
// Display the search string in the search field
node.value = defaultStr;
}
// When enter from the search field, go to the site search page with the search string
node.addEventListener('keydown', function onEvent(event) {
if (event.key === "Enter") {
var inputElem = event.srcElement || event.target;
var siteSearchPageUrl = 'search.html';
var searchUrl = SCSRenderAPI.getSitePrefix() +
siteSearchPageUrl +
'?contentType=indextype&default=' + inputElem.value + '*';
window.location = searchUrl;
}
});
</script>
在 HTML 正文的末尾添加 JavaScript。