Почему у этого стартера Gatsby нет папки / sr c?

Question

Я установил этот сайт Gatbsy локально:

https://www.gatsbyjs.org/starters/LekoArts/gatsby-starter-minimal-blog

с:

gatsby new gatsby2 https://github.com/LekoArts/gatsby-starter-minimal-blog
gatsby cd gatsby2
gatsby develop

, и он отображается нормально, и сайт работает как в онлайн-демонстрации.

Однако теперь я хочу использовать его в качестве основы для моего собственного сайта и поэтому ищу каталог /src, чтобы я мог изменить код, как и в других стартерах Gatsby (например, сайт Gatsby Starter по умолчанию: https://www.gatsbyjs.org/starters/gatsbyjs/gatsby-starter-default).

Я понял, что все сайты Gatsby имеют каталог /src, или это не так? А где код этого сайта? Все, что я нашел, это /content (файлы разметки) и static:

введите описание изображения здесь

Answer 1

Репозиторий, который вы предоставили, представляет концепцию затенения темами Гэтсби. Это функция, которая позволяет вам заменить папку /src вашей собственной реализацией. Из документации Gatsby :

Темы Gatsby вводят концепцию, называемую «затенение». Эта функция позволяет пользователям заменять файл в каталоге src, который включен в пакет webpack, собственной реализацией. Это работает для компонентов React, страниц в файлах src/pages, JSON, файлов TypeScript, а также для любых других импортированных файлов (например, .css) на вашем сайте.

Практический вариант использования - это когда вы установили gatsby-theme-blog и хотите настроить компонент «Автор биографии», чтобы добавить свое собственное биографическое содержание. Shadowing позволяет заменить исходный файл темы, gatsby-theme-blog/src/components/bio.js, вашим собственным файлом, чтобы внести необходимые изменения.

Как вы можете видеть в ваших зависимостях , репозиторий включает @lekoarts/gatsby-theme-minimal-blog, где вы можете найти все эти конфигурации теневого копирования.

При затенении ваша возможность настраивать структуру ограничена конфигурацией самой теневой реализации, поэтому, если вы хотите Настройте этот стартер, вы должны поместить свои файлы в /src/@lekoarts/gatsby-theme-minimal-blog/, чтобы затенять / переопределить файлы с вашей собственной структурой. Однако, если вы хотите изменить тему пользовательского интерфейса, вы должны переопределить стартовые файлы, добавив свою собственную конфигурацию в /src/gatsby-plugin-theme-ui/, как вы можете видеть в стартовом README.md.