Gatsby 如何使用迁移的HTML内容为盖茨比创建博客条目

Gatsby 如何使用迁移的HTML内容为盖茨比创建博客条目,gatsby,Gatsby,我正在尝试迁移一个博客,可以提取HTML格式的文章以及标题、关键字、数据、元描述等 我如何使用它们在GatsbyJS中创建博客帖子?我只能找到使用降价的说明。由于复杂的格式和一些内联CSS样式,手动迁移数百个并将其转换为标记是不可行的 是否有某种方法可以将HTML添加到单独的Javascript文件中(通过模板?)并将元数据添加到标记文件中 我认为您可以将gatsby源文件系统指向您的html文件夹,并为其中的每个文件创建一个节点。一旦有了它们,就可以像查询其他标记节点一样在模板中查询它们 假

我正在尝试迁移一个博客,可以提取HTML格式的文章以及标题、关键字、数据、元描述等

我如何使用它们在GatsbyJS中创建博客帖子?我只能找到使用降价的说明。由于复杂的格式和一些内联CSS样式,手动迁移数百个并将其转换为标记是不可行的

是否有某种方法可以将HTML添加到单独的Javascript文件中(通过模板?)并将元数据添加到标记文件中


我认为您可以将
gatsby源文件系统
指向您的html文件夹,并为其中的每个文件创建一个节点。一旦有了它们,就可以像查询其他标记节点一样在模板中查询它们

假设您在内容文件夹中有htmls:

root
 |--content
 |   `--htmls
 |       |--post1.html
 |       `--post2.html
 |  
 |--src
 |   `--templates
 |        `--blog.js
 |
 |--gatsby-config.js
 `--gatsby-node.js
gatsby源文件系统
指向html文件夹:

// gatsby-config.js
{
  resolve: `gatsby-source-filesystem`,
  options: {
    path: `${__dirname}/content/htmls`,
    name: `html`,
  },
},
然后在
gatsby node.js
中,可以使用
loadNodeContent
读取原始html。从那时起,它是相当直接的,只要遵循盖茨比的博士关于这个例子

创建节点后,可以使用

{
  allHtmlContent {
    edges {
      node {
        name
        content
      }
    }
  }
}
从那时起,它们就被当作其他降价节点。如果您需要解析内容,比如定位图像文件等,它会变得更复杂。在这种情况下,我认为您需要研究以下内容

{
  allHtmlContent {
    edges {
      node {
        name
        content
      }
    }
  }
}