如何在主页上显示博客文章摘录而不消失?

时间:2019-06-14 14:21:31

标签: gatsby

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

复制步骤

  1. 使用gatsby-starter-blog入门程序创建新项目

    gatsby new new-blog https://github.com/gatsbyjs/gatsby-starter-blog
    
  2. Add HTML excerpt to blog post

  3. 建立并提供网站

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

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

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

  7. 在清除页面缓存(Google Chrome中的Cmd + Shift + R)或在隐身标签页中打开页面后,可以再次再现该错误

演示: Netlify

源代码: Github

预期结果

应显示摘录

实际结果

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

视频 Screen recording of the bug

环境

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

0 个答案:

没有答案