Gatsby: gatsby-plugin-styled-components에 대한 질문

내가 오해하고있어 (이 진정 스타일의 구성 요소와 다르게 일을해야)하지 않는 한, HN 사이트 예를 들어 이 달성 할 수있는 방법을 보여줍니다 https://github.com/gatsbyjs/gatsby/blob/5a0aac34bc4a509e871f524d8705cb9e0a501ce1/examples/hn/ src/레이아웃/default.js#L4

편집: injectGlobal 가 스타일이 지정된 구성 요소 방법이라는 것을 깨닫지 못했지만 @ https://www.styled-components.com/docs/api에서 볼 수

@dustinhorton 감사합니다.
index.js 파일로 레이아웃 폴더를 만들었습니다. 그런 다음 다음 전역 스타일을 주입했고 매력처럼 작동했습니다 :-)

import React from "react"

import { injectGlobal } from 'styled-components'

injectGlobal`
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%; }

body {
  box-sizing: border-box; }

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.7;
  color: #374047; }
`

export default ({children}) =>
 <div>
     {children()}
 </div>

@ferMartz 이 문제를 닫을 수 있습니까? :)