首页 > 解决方案 > 如何在主页上显示博客文章摘录而不让它们消失?

问题描述

当我打开 Gatsby 网站的主页时,第二和第三篇博客文章的摘录消失了。

重现步骤

  1. gatsby-starter-blog使用启动器创建新项目

    gatsby new new-blog https://github.com/gatsbyjs/gatsby-starter-blog
    
  2. 将 HTML 摘录添加到博客文章

  3. 建立和服务网站

    gatsby build
    gatsby serve
    
  4. 打开网址http://localhost:9000/

  5. 第二和第三篇博文的摘录消失了

  6. 页面重新加载后出现摘录

  7. 清除页面缓存(谷歌浏览器中的 Cmd+Shift + R)或在隐身选项卡中打开页面后,可以再次重现该错误

演示: Netlify

源代码: Github

预期结果

应显示摘录

实际结果

第二和第三篇博文的摘录消失了

视频 错误的屏幕记录

环境

gatsby info --clipboard

System:
    OS: Linux 4.15 Ubuntu 18.04.2 LTS (Bionic Beaver)
    CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
    Shell: 4.4.19 - /bin/bash
  Binaries:
    Node: 8.16.0 - /usr/bin/node
    npm: 6.4.1 - /usr/bin/npm
  Languages:
    Python: 2.7.15 - /usr/bin/python
  Browsers:
    Chrome: 74.0.3729.131
    Firefox: 66.0.5
  npmPackages:
    gatsby: ^2.9.4 => 2.9.4
    gatsby-image: ^2.1.4 => 2.1.4
    gatsby-plugin-feed: ^2.2.3 => 2.2.3
    gatsby-plugin-google-analytics: ^2.0.21 => 2.0.21
    gatsby-plugin-manifest: ^2.1.1 => 2.1.1
    gatsby-plugin-offline: ^2.1.3 => 2.1.3
    gatsby-plugin-react-helmet: ^3.0.12 => 3.0.12
    gatsby-plugin-sharp: ^2.1.5 => 2.1.5
    gatsby-plugin-typography: ^2.2.13 => 2.2.13
    gatsby-remark-copy-linked-files: ^2.0.13 => 2.0.13
    gatsby-remark-images: ^3.0.16 => 3.0.16
    gatsby-remark-prismjs: ^3.2.11 => 3.2.11
    gatsby-remark-responsive-iframe: ^2.1.1 => 2.1.1
    gatsby-remark-smartypants: ^2.0.9 => 2.0.9
    gatsby-source-filesystem: ^2.0.39 => 2.0.39
    gatsby-transformer-remark: ^2.3.12 => 2.3.12
    gatsby-transformer-sharp: ^2.1.21 => 2.1.21
  npmGlobalPackages:
    gatsby-cli: 2.6.5

标签: gatsby

解决方案


推荐阅读