2024 年 11 月 20 日
如何为你的 Framer 网站添加 cmd-k 搜索快捷键
Matt Perry
在旧的 Framer Motion 文档中，访问者最常要求的功能就是搜索。在制作新的Motion 首页时，我就知道搜索是必不可少的。新网站是用Framer构建的，所以添加搜索就像拖放.
一样简单。再也没有借口了。
所以我拖放了搜索功能，并沾沾自喜地认为事情就到此为止了。
但并非如此。现在，我收到了 Github issue、Twitter DM、电子邮件，都在询问关于 cmd-k 键盘快捷键。
这是一个我从未用过或注意到的键盘快捷键，我不知道这竟然是个热门功能！显然它非常受欢迎。
但是现在，如果你按下 cmd-k 或 ctrl-k，你会注意到我们的搜索功能会打开。Framer 的搜索功能本身不支持这个快捷键，所以这里面涉及一点小技巧。
首先，你需要用一个唯一的名称，比如 "Search Container"，来包裹你的 Search 组件。
Framer 将通过 data-framer-name 属性输出这个标签。
接下来，我们需要转到网站设置中的“自定义代码”部分。
在“<body> 标签末尾”部分，添加以下脚本。它将为页面添加一个事件监听器，监听 cmd-k 快捷键，并模拟点击搜索按钮。
有点调皮？可能吧。但是，嘿，享受这个快捷键吧 😅
