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

时间:2019-08-21 22:19:17

标签: javascript gatsby

我想将我的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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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