Javascript 建立盖茨比博客的分级URL slug结构

Javascript 建立盖茨比博客的分级URL slug结构,javascript,html,url,hyperlink,gatsby,Javascript,Html,Url,Hyperlink,Gatsby,我目前正在使用Gatsby Starter博客()-我可以在本地运行它而不会出现问题 但是,我想更改URL结构- 目前,如果我写了一篇名为“helloworld”的博客文章,那么URL将是“www.example/helloworld”。我希望URL的格式为“www.example/blog/helloworld” 我在gatsby-node.js中看到了一些关于更改设置的帖子,但没有任何文章专门针对我的问题。我不清楚我需要更改什么,因为Gatsby链接API和web开发对我来说都是全新的。您需

我目前正在使用Gatsby Starter博客()-我可以在本地运行它而不会出现问题

但是,我想更改URL结构-

目前,如果我写了一篇名为“helloworld”的博客文章,那么URL将是“www.example/helloworld”。我希望URL的格式为“www.example/blog/helloworld”

我在gatsby-node.js中看到了一些关于更改设置的帖子,但没有任何文章专门针对我的问题。我不清楚我需要更改什么,因为Gatsby链接API和web开发对我来说都是全新的。

您需要更改


我建议如下:。这段视频正是你想要的。工作示例如下:。多亏看了一段视频,我才使ti工作起来-谢谢!为以后任何跟踪的人提供参考-将
路径:post.node.fields.slug
更改为
路径:`/blog${post.node.fields.slug}
。谢谢-我意识到它在其他一些地方也需要更改,但这是我正在寻找的格式。解决了。这是一个很好的问题-我记不清了,但我会看看的
    createPage({
      path: `/blog${node.fields.slug}`, // this line
      component: blogPost,
      context: {
        slug: post.node.fields.slug,
        previous,
        next,
      },
    })