在GitHub Pages上设置Gatsby

Question

我尝试搭建一个Reactjs网页应用及Webpack等，但遇到了困难。现在我使用Gatsby，它救了我的命！！！

我使用NPM本地安装了Gatsby，并且想将其部署到我的Github页面，有点成功了...

这是我遵循的指令： https://www.gatsbyjs.org/docs/deploy-gatsby/#github-pages

这是我在Github.io页面上看到的内容： https://reenaverma.github.io/

我在本地主机8000端口可以看到默认的起始包索引页面/内容，但在URL上并没有看到它。

我可以在Github仓库中看到正确的内容已经部署到了Github： https://github.com/ReenaVerma/reenaverma.github.io

但实际上我没有在我的URL上看到它。它似乎首先展示了我的自述文件... 我如何修复这个问题？

有什么想法吗？

- Reena Verma

Answer 1

我看到你的gatsby项目是你的主gh-pages。因此，你需要将你的构建放在master分支中，而不是gh-pages分支中。

所以你需要将你的src代码放在一个你选择的分支中，在master分支中放置你生成的构建。

将你的脚本更改为以下内容。

"scripts": {
    "deploy": "gatsby build && gh-pages -b master -d public",
}

- Melchia

---

好的，谢谢！...我该怎么做？我只是按照Gatsby的说明进行操作.....我不确定这个设置是怎么发生的... - Reena Verma

@ReenaVerma请更改您的脚本以进行部署："deploy": "gatsby build --prefix-paths && gh-pages -b master -d public"。 - Melchia

嗨@Melchia，希望你能帮忙！我不得不再次重新创建我的应用程序，并使用了稍微不同的gatsby starter pack，但遇到了与上述相同的部署问题....我已经使用了你的建议，但这次不起作用....想知道你是否能帮忙？这里是具体的问题： https://stackoverflow.com/questions/50610679/gatsby-deployment-to-github-failing - Reena Verma

搞定了！我没有安装这个： npm install gh-pages --save-dev - Reena Verma

抱歉回复晚了，但我看到你已经解决了！ - Melchia

请确保使用自定义域名时将CNAME文件保留在Gatsby的static文件夹中，以防在构建/部署后被重写。详见https://konstantin.io/gatsby-github/#custom-domain-name - Konstantin