catche search widget
v0.1.1
aka a ctrl/cmd-k菜单或命令调色板

Catche提供了一种低编码的方式,可以将即时搜索添加到您的网站上两步!
<head>此存储库包含客户端小部件的开源代码。
对于那些有兴趣主题小部件或使用自托管数据的人,请查看下面的教程部分。
欢迎捐款!
该小部件是由VUE和打字稿构建的,并使用尾风进行样式。
Catche将Supabase用于我们的数据库托管,但是如果您打算自助数据,则无需这样做 - 您只需要一个JSON文件即可!
我们使用Minisearch进行搜索,而快速模糊则用于突出显示。
注意 - 由于脚本中的几个要求,无法打开教程文件夹中的index.html文件。而是通过节点或Python运行本地服务器。
有关相关文件,请参见教程/主题。
您可以通过<script>元素中的catche-css属性为小部件进行主题,该元素应采用.css文件的路径。
< script catche-css =" PATH/TO/CSS " type =" module " crossorigin src =" PATH/TO/WIDGET/index.js " > </ script >有关相关CSS属性的示例,请参见教程/主题/Dark.css。
有关相关文件,请参见教程/自助主机。
您可以通过<script>元素中的catche-data属性使用自己的数据保存在.json文件中的数据,该元素应采用.json文件的路径。
< script catche-data =" PATH/TO/JSON " type =" module " crossorigin src =" PATH/TO/WIDGET/index.js " > </ script >.json文件应包含一个对象数组,其中每个对象代表具有以下属性的网页:
id唯一字符串url网页的URLtitle - 网页标题text - 网页的文字小部件将搜索title和text属性。
有关数据格式的示例,请参见教程/self-host/my-data.json。