我把我做的一个盖茨比博客部署到了github页面。第一页链接到博客文章。单击链接时,不会显示任何内容。但是,如果我手动输入网址(与链接的网址相同(,我会看到该页面半秒钟,然后它消失为空白页。
有用信息
- 网络选项卡中的所有内容均为状态代码 200
- HTML 在 get 请求中返回,它在响应中可见
- 头标签在页面上正确,正文标签缺少 HTML
- 无控制台错误
- 在开发服务器(本地主机(上完美运行
- 域托管 domain.com
- 使用创建页面盖茨比插件生成文章页面
- 当我在netlify上部署到随机url时,它可以工作,因此可能与我的域或gh-pages部署有关
查看您的 GitHub 代码后,我认为您在这里遇到了一个问题:(错误的 URL:/blog/blog/why-gatsby
(,您的主代码也与 gh-pages 的代码不匹配(我知道它是从 gatsby 构建生成的文件,但其他东西(。另外,为什么要在 index.js 组件中创建静态查询?您可以使用常规页面查询来执行此操作。
你的盖茨比网站从 https://www.ragith.com/blog/开始,这就是为什么你会遇到这种问题。当盖茨比查看页面时,里面只有blog.js
。
即:
页面/博客.js
链接问题
<a class="article-card-link" href="/blog/blog/why-gatsby"><section><article><h2 class="article-title">Why Gatsby js ?</h2><p class="article-date">May 09, 2020</p><p class="article-excerpt">In a world with so many JavaScript frameworks such as React, Vue, heck even Next, why Gatsby? The short answer is, none of those frameworks are the target market of Gatsby. Gatsby is a static website generator. Great! Wait, who cares? Well a lot of my clients and so will yours…</p>READ MORE</article></section></a>