设置Gatsby博客分层URL条目结构

时间:2019-10-07 09:09:07

标签: javascript html url hyperlink gatsby

我目前正在使用Gatsby Starter博客(https://github.com/gatsbyjs/gatsby-starter-blog)-我可以使它在本地运行而没有问题。

但是我想更改URL结构-

当前,如果我撰写名为“ hello world”的博客文章,则URL将为“ www.example / hello-world”。我希望这些网址采用“ www.example / blog / hello-world”的形式。

我看过几篇有关更改gatsby-node.js中的设置的文章,但没有什么内容专门解决我的问题。我不清楚我需要更改什么,因为Gatsby链接API和Web开发对我来说还很陌生。

1 个答案:

答案 0 :(得分:2)

您需要更改this line

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