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。