Gatsby入门指南—添加博客内容页（4）

最新推荐文章于 2025-07-04 11:17:09 发布

忠彬老师

最新推荐文章于 2025-07-04 11:17:09 发布

阅读量352

点赞数

CC 4.0 BY-SA版权

分类专栏：原创前端进化岛文章标签： JavaScript Gatsby web 前端

本文链接：https://blog.youkuaiyun.com/mianbaolixiang/article/details/90712275

前端进化岛同时被 2 个专栏收录

7 篇文章 ¥9.90 ¥99.00

订阅专栏

原创

18 篇文章

订阅专栏

本文是Gatsby入门系列的第四部分，主要讲解如何在Gatsby中添加博客内容页。首先介绍了通过gatsby-node.js获取数据，然后阐述了在src/templates目录下创建blogPost.js作为内容页模板的过程。

1.查数据

注意，这里跟前面不一样了，我用gatsby-node.js这个文件去提供数据，没有什么为什么，规定，照做就好。

const path = require("path");
exports.createPages = ({ actions, graphql }) => {
  const { createPage } = actions

  const blogPostTemplate = path.resolve(`src/templates/blogPost.js`)

  return graphql(`
    {
      allMarkdownRemark{
        edges {
          node {
            frontmatter {
              path,
              title,
              tags
            }
          }
        }
      }
    }
  `).then(result =>

了解本专栏