
搜索
👁️ 预览
该模板可以根据搜索动态地(当访问者访问您的网站时)过滤页面上的项目。
如何进行搜索?
- 访问者在搜索框组件中输入(见下文)。
- 访问者点击 URL 中带有例如
?search=some search
的链接,例如 标签 或 团队成员页面研究链接(参见aliases
)。
过滤哪些项目?
您可以在 /_scripts/search.js
中自定义此设置,以过滤任何可以使用 CSS 选择器 选择的项目类型,例如 p
代表段落元素。
如何过滤项目?
您可以搜索术语、短语和标签:
term1 term2 "完整短语 1" "完整短语 2" "tag: 某个标签" "tag: 另一个标签"
。
包含所有术语、至少一个短语和至少一个标签的项目将被视为匹配项。匹配不区分大小写。标签对连字符也不敏感,例如 open science
被视为与 open-science
相同。
搜索词将在结果中高亮显示(如果它们长于 2 个字符)。除了项目的可见文本内容外,工具提示和其他内容也会被搜索(通过 data-tooltip
和 data-search
属性)。
相关组件
您可以在页面上放置一个搜索框组件,让访问者输入他们自己的搜索:
liquid
{% raw %}
{% include search-box.html %}
{% endraw %}
这也会更新 URL,以便他们可以方便地链接到带有该搜索的页面。
要显示有关正在过滤哪些项目的信息,例如 显示 60 个中的 12 个,您可以在页面上放置一个搜索信息组件:
liquid
{% raw %}
{% include search-info.html %}
{% endraw %}
仅在进行搜索时可见。