Как я могу изменить сгенерированный путь к моим постам в блоге Gatsby?

Question

По умолчанию мои URL-адреса Гэтсби имеют вид 2018-09-06-hexagon

Есть ли способ, которым они могли бы стать /blog/2018/09/06/hexagon?

Вот соответствующая часть моего gatsby-node.js файла:

exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions

  return new Promise((resolve, reject) => {
    const blogPost = path.resolve('./src/templates/blog-post.js')
    resolve(
      graphql(
        `
          {
            allMarkdownRemark(
              sort: { fields: [frontmatter___date], order: DESC }
              limit: 1000
            ) {
              edges {
                node {
                  fields {
                    slug
                  }
                  frontmatter {
                    title
                  }
                }
              }
            }
          }
        `
      ).then(result => {
        if (result.errors) {
          console.log(result.errors)
          reject(result.errors)
        }


        // Create blog posts pages.
        const posts = result.data.allMarkdownRemark.edges


        _.each(posts, (post, index) => {
          const previous =
            index === posts.length - 1 ? null : posts[index + 1].node
          const next = index === 0 ? null : posts[index - 1].node


          createPage({
            path: post.node.fields.slug,
            component: blogPost,
            context: {
              slug: post.node.fields.slug,
              previous,
              next,
            },
          })
        })
      })
    )
  })
}

Answer 1

Вы можете либо обновить слагов внутри своего передового сообщения в блоге, чтобы они содержали косые черты там, где вы хотите, либо вы можете трансформировать слагов внутри createPages:

        // Create blog posts pages.
        const posts = result.data.allMarkdownRemark.edges

        _.each(posts, (post, index) => {
          const previous =
            index === posts.length - 1 ? null : posts[index + 1].node
          const next = index === 0 ? null : posts[index - 1].node
          const blogPostPath = 
            `/blog/${post.node.fields.slug.replace(/-/g, "/")}`

          createPage({
            path: blogPostPath,
            component: blogPost,
            context: {
              slug: post.node.fields.slug,
              postPath: blogPostPath,
              previous,
              next,
            },
          })
        })