javascript - Gatsby Remark 画廊、视频、制作人员名单等的边车文件？

Question

作为 gatsby 的新手，我正在寻找正确方向的一点插入来解决一些 graphql/文件系统/frontmatter/解析挑战...

我有大量的 Markdown 文件嵌套文件夹，用于从历史 django 站点生成的项目帖子。我使用 collection 查询来查询不同的页面类型(博客、项目等)

项目结构如下所示，各个年份大约有 300 个工作/项目文件夹:

/content/
    work/
        2000/
            brandname-title/
                index.md
                credits.md
                images.md
                videos.md
                images/
                    index.md
                    gallery1.md
                    gallery1/
                        image1.jpg
                        image2.jpg
                    gallery2.md
                    gallery2/
                        image1.jpg
                        image2.jpg
                videos/
                    index.md
                    video1.md
                    video1/
                        video1.mp4
                        video1.ogv
                    video2.md
                    video2/
                        video2.mp4
                        video2.mov

博客结构类似，媒体较少，如果需要，它是可变的。

我希望每个项目的 index.md 文件成为其相应的页面，其 stub /边车文件不被视为页面，但可用作主页中的内容。子文件夹也是如此。 index.md 文件代表主要内容，其他 stub /sidecar markdown 文件用于存储数据。

我希望能够解析以下路线:

2000/                           (all projects from 2000)
2000/brandname-title/           (the index.md file with images, videos, credits)
2000/brandname-title/images/    (gallery1 and gallery2)
2000/brandname-title/videos/    (video1 and video2)

轻轻一推...链接拍...

Answer 1

从来没有尝试过，但如果你只是需要一个插入......我想你会想要分割什么 gatsby-transformer-remark所做的(将 Markdown 文件编译为 html 并允许您访问它)以及 Gatbsy Node API 的用途执行(创建页面路由)。

所以你会像 documentation says 一样开始，那么:

1. 在 gatsby-config.js 中，您可以获取所有 markdown 文件，但是
2. 在 gatsby-node.js 中仅从其中的一些创建页面，然后
3. 在页面模板中使用 GraphQL 获取“部分”的内容。