时间戳

首页 > 解决方案 > 将来源页面定义为 Gatsby 的首页的正确方法

reactjs - 将来源页面定义为 Gatsby 的首页的正确方法

问题描述

我创建了一个来自 Wordpress 实例的 Gatsby/React 实例。我根据从 Wordpress 获取的页面对象生成页面。一切正常。我知道我必须将路线的内容/放入src/pages/index.js. 将我的来源页面路由之一定义为的正确/规范方法/start是/什么？

提前致谢。

标签： reactjswordpressgatsby

解决方案

基本上，您只需createPage将路径设置为/. 您如何在 CMS 中处理此问题实际上取决于您设置的结构。

exports.createPages = ({ actions }) =>
  actions.createPage({
    path: "/",
    component: path.resolve("./src/templates/some_template.jsx"),
  })

我倾向于/about/在 CMS 中的 slugs（例如 ）上要求前面和后面的斜杠，这使得内容编辑器很容易只/为注定要成为主页/根页面的页面离开。在过去，我也将其用作home将转换为/in的魔法值gatsby-node.js，但它可能会引起混淆。

推荐阅读