javascript - Gatsby : Search based on markdown files

Question

👋任何人都可以提供一些提示如何使用 GatsbyJS 解决以下问题:我有一个页面，它通过这个 GraphQL 查询列出了项目的所有 Markdown 文件:

query ListQuery {
    allMarkdownRemark(sort: {fields: frontmatter___date, order: DESC}) {
        edges {
            node {
                id
                html
                frontmatter {
                    date(formatString: "DD.MM.YY")
                    docs
                    path
                    tag
                    title
                }
            } 
        }
    }
}

如果我是对的，则不可能设置绑定(bind)到搜索输入字段的动态过滤器。

后来我发现了这个:https://www.gatsbyjs.org/docs/adding-search-with-js-search/我认为 js-search 可能是解决方案，但我需要一个大的 .json 文件。问题:使用 Markdown 文件更舒服。所以这看起来也不是正确的解决方案。 😞

感谢您的帮助!

Answer 1

引自 the docs

Before we go through the steps needed for adding client side search to your Gatsby website, you should be familiar with the basics of Gatsby

Markdown 和 GraphQL 在创建静态站点的构建阶段期间使用。

在运行阶段，在客户端搜索期间，您无权访问 GraphQL/Markdown。它们在用户与您的网站交互期间不存在。

因此对于客户端搜索，您应该创建需要一个大的 .json 文件。如果您遵循文档，这对您来说不是问题。