基于Excel数据程序化创建Gatsby Slug：修改getNode(node.parent)代码遇阻问题咨询

我明白你遇到的问题——当用Excel作为数据源时，Gatsby官方的Markdown教程代码没法直接复用，而且修改node.parent还触发了报错。咱们一步步来解决这个问题：

为什么会重复打印同一个路径？ #

你看到重复打印Excel文件路径是正常现象：Excel文件里的每一行数据都会生成一个独立的ExcelData节点，而所有这些节点的parent都是同一个Excel文件节点。所以每次触发onCreateNode时，你拿到的fileNode都是同一个文件，自然会重复打印相同路径。咱们的目标不是获取文件路径，而是用每行Excel数据里的内容来生成slug。

为什么修改node.parent会报错？ #

你尝试的_9应该是Excel里的某列，但Gatsby生成的ExcelData节点不会用_9这种命名（除非你的Excel表头就是这个）。直接写_9会被当作未定义变量，而node._9不存在的话，getNode(node._9)自然会返回undefined，导致无法读取relativePath。

正确的实现步骤 #

我们不需要依赖node.parent，直接从ExcelData节点本身提取字段来生成slug，然后用Gatsby的createNodeFieldAPI把slug添加到节点中，方便后续GraphQL查询使用。

1. 安装slugify库（可选但推荐） #

这个库可以帮你快速把文本转换成符合URL规范的slug：

npm install slugify
# 或者
yarn add slugify

2. 修改gatsby-node.js中的onCreateNode函数 #

const slugify = require('slugify');

exports.onCreateNode = ({ node, createNodeField }) => {
  // 只处理ExcelData类型的节点
  if (node.internal.type === `ExcelData`) {
    // 从Excel节点中提取你用来生成slug的字段（比如标题、ID等）
    // 注意：这里的`node.title`要替换成你Excel实际的表头字段名，比如node.productName、node.postTitle等
    const rawSlugSource = node.title;

    // 生成规范的slug
    const slug = slugify(rawSlugSource, {
      lower: true, // 转换为小写
      strict: true, // 移除特殊字符（比如!@#$%等）
      trim: true // 去除首尾空格
    });

    // 给当前ExcelData节点添加slug字段
    createNodeField({
      node,
      name: 'slug', // 字段名，后续GraphQL查询时用fields.slug获取
      value: `/your-custom-path/${slug}/` // 自定义slug的路径前缀，比如/posts/、/products/等
    });
  }
};

3. 验证slug是否生成成功 #

启动gatsby develop后，打开GraphiQL（默认地址：http://localhost:8000/___graphql），执行以下查询：

query {
  allExcelData {
    nodes {
      fields {
        slug
      }
      # 这里可以加上你Excel里的其他字段，确认对应关系
      title
    }
  }
}

如果查询结果里每个节点都有对应的slug字段，说明配置成功了。

注意事项 #

• Excel表头字段名：确保你在代码中使用的字段名和Excel的表头完全匹配（注意大小写，取决于你使用的数据源插件配置，比如gatsby-source-excel默认会把表头转成驼峰命名）。
• 避免重复slug：如果你的Excel数据里有重复的标题，可以结合ID字段一起生成slug，比如slugify(${node.title}-${node.id})，避免路径冲突。

内容的提问来源于stack exchange，提问作者Kiur Jullis