为什么Gatsby.js不呈现博客初学者？

Question

我想将我的Wordpress博客移至静态生成的博客。我决定使用Gatsby.js，但是在预渲染页面上缺少内容存在问题。 我从博客入门开始：

gatsby new gatsbyBlog https://github.com/gatsbyjs/gatsby-starter-blog
cd gatsbyBlog 

然后我建立一个项目：

gatsby build

当我查看生成的index.html HTML时，在正文中没有看到任何帖子，我只能看到：

<noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript>

我需要我的博客可以在没有JS的情况下进行抓取。

我希望不同页面的主体HTML代码包含页面内容。就像这个盖茨比网站上一样： https://snipcart.github.io/gatsby-pwa-demo/all-about-weapons

我希望可以直接使用。如何启用它？

Answer 1

我下载并gatsby build了该项目。对我来说，所有内容都在那里。该版本位于gatsbyBlog/public/index.html中。尝试通过文件系统手动访问文件，然后在文本编辑器（而不是浏览器）中打开文件。 html代码应该在那里。

Gatsby进行了大量代码拆分，需要JavaScript才能为浏览器组合实际的html代码。也许是因为脚本标签，浏览器插件拦截了html的其余部分的加载？我知道当我使用NoScript之类的东西时会收到很多这样的消息。

Answer 2

还要查看是否启用了Gatsby离线插件。如果是这样，我注意到在软重新加载或通过浏览器的后退按钮时，会加载索引页面的另一个基于js的版本。这可能就是您所看到的。