Reactjs 我怎样才能隐藏盖茨比主题的文本内容？

我想定制这个盖茨比主题（）。主题的结构和演示的源代码似乎是盖茨比主题的通用结构

演示源代码的结构如下所示：

demo
  src/pages
    index.mdx
  static/images
    banner.png
    favicon.png
    logo.svg
  gatsby-config.js
  package.json

gatsby-theme-teranova
  data
    content
      services
        branding.mdx
        logo-design.mdx
        marketing.mdx
        web-design.mdx
      about.jpg
      about.mdx
      banner.jpg
      intro.mdx
    index.js
  src
    components
      about.js
      contact.js
      service.js
      services.js
      ...
    pages
      index.mdx
    theme.js
  static/images
    banner.png
    favicon.png
    logo.svg
  gatsby-config.js
  index.js
  package.json

主题源代码的结构如下所示：

demo
  src/pages
    index.mdx
  static/images
    banner.png
    favicon.png
    logo.svg
  gatsby-config.js
  package.json

gatsby-theme-teranova
  data
    content
      services
        branding.mdx
        logo-design.mdx
        marketing.mdx
        web-design.mdx
      about.jpg
      about.mdx
      banner.jpg
      intro.mdx
    index.js
  src
    components
      about.js
      contact.js
      service.js
      services.js
      ...
    pages
      index.mdx
    theme.js
  static/images
    banner.png
    favicon.png
    logo.svg
  gatsby-config.js
  index.js
  package.json

我认为主题网页的文本内容是在*.mdx文件中定义的（这里：

gatsby-theme-teranova/data/content/about.mdx

，

gatsby-theme-teranova/data/content/contact.mdx

，等等），并与主题对应的*.js文件一起呈现（此处：

gatsby-theme-teranova/src/components/about.js

，

gatsby-theme-teranova/src/components/contact.js

等）。演示中只有

demo/src/pages/index.mdx

。这意味着主题构建内容在演示中没有修改。我希望将自定义文本内容放置在

demo/data/content/about.mdx

中会隐藏相应的网页内容。但在运行

gatsby develop

时，它不会被修改。它只是被忽略了。H如何正确地对网页文本进行阴影处理

顺便说一句：我不清楚演示中的阴影是否正确。只要演示的banner.png、favicon.png和logo.svg与主题文件没有区别，它们就不必显式地包含在演示源中