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