Question

我想自定义这个盖茨比主题https://github.com/NK-WebDev/gatsby-theme-teranova（live demo）。主题和演示源代码的结构似乎与gatsby主题通用。

演示源代码的结构如下：

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时却没有。它只是被忽略。如何正确隐藏网页文字？

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

如何遮盖盖茨比主题的文字内容？

0 个答案: