Настройка иерархической структуры URL-адреса блога Gatsby

Question

Я в настоящее время использую блог Gatsby Starter (https://github.com/gatsbyjs/gatsby-starter-blog) - я могу запустить его локально без проблем.

Однако я хочу изменить структуру URL -

в настоящее времяесли я сделаю запись в блоге под названием «Привет, мир», то URL будет «www.example / hello-world». Я хочу, чтобы URL-адреса были в форме «www.example / blog / hello-world».

Я видел несколько постов об изменении настроек в gatsby-node.js, но ничего конкретно не решает мою проблему. Мне непонятно, что мне нужно изменить, так как API ссылок Gatsby и веб-разработчик довольно новы для меня.

Answer 1

Вам нужно изменить эту строку

    createPage({
      path: `/blog${node.fields.slug}`, // this line
      component: blogPost,
      context: {
        slug: post.node.fields.slug,
        previous,
        next,
      },
    })