Table of contents

在网站中添加搜索功能

随着我网站上的博客文章数量逐渐增加，对搜索功能的需求也开始增长。经过一些研究和实验，我终于成功地在我的网站上添加了搜索功能。第一次使用 React，当已经在使用 Astro 时感觉很熟悉。这并不奇怪，因为 Astro 的设计就像是基于 React 的。

搜索功能

现在，搜索功能明显地放置在网站的主页上，允许用户输入与他们感兴趣的主题相关的关键词。当用户提交搜索查询时，搜索功能会扫描所有博客文章，并返回与查询匹配的文章。

搜索功能不区分大小写，这意味着无论关键词是否为大写，它都会返回结果。此外，它会在博客文章的标题和正文中搜索关键词，为用户提供更相关的结果。