gatsby theme superstylin

Superstylin 테마 ??

스타일이 있는 개츠비 테마?

슈퍼스타일린이란?

Superstylin'은 Gatsby 사이트의 스타일을 지정하는 주요 방법으로 스타일 구성 요소를 사용하는 Gatsby 테마로, 첫 번째 Gatsby 기반 사이트를 시작하고 실행할 수 있는 시작하기 쉬운 구조를 제공합니다.

스타일 구성 요소 정보

간단히 말해서, 스타일 구성 요소는 js에 CSS를 추가하는 방법입니다. 구성 요소를 생성하고 스타일을 지정하면 스타일 구성 요소를 얻을 수 있으며 정말 간단하고 강력합니다.

스타일 구성 요소 사용의 이점

js에서 CSS를 사용하면 스타일을 선언하는 방식에 더 많은 기능을 추가할 수 있는 자바스크립트의 힘을 얻을 수 있습니다. 하지만 잠깐만요, 그게 전부는 아닙니다!

다음은 스타일 구성 요소의 이점을 더 자세히 알아볼 수 있는 몇 가지 흥미로운 내용입니다.

• 스타일 구성 요소: 구성 요소 기반 시스템에서 모범 사례 시행
• 뒤에 마술? 스타일 구성 요소

스타일 구성 요소를 제작해 주신 Glen Maddern과 Max Stoiber에게 큰 감사를 드립니다.

또한 Gatsby ??를 시작하고 유지관리해준 Kyle Mathews에게도 큰 감사를 드립니다.

인라인 스타일과 JS의 CSS

Max Stoiber가 인라인 스타일 !== css-in-js를 사용하는 이유에 대한 훌륭한 게시물을 읽어보세요.

슈퍼스타일린의 특징?

• 스타일 구성요소의 마법과 함께 CSS-in-js를 사용하시겠습니까?
• Gatsby 내장 GraphQL을 사용하여 블로그 게시물을 가져오고 정렬합니다.
• 자신만의 Gatsby 사이트를 쉽게 사용자 정의하고 시작하기
• 사이트, 블로그 또는 둘 다에 적합
• 빠르게 시작하고 실행할 수 있는 매우 간단한 프로젝트 구조

설치 중

스타터 내부:

$ yarn add gatsby-theme-superstylin

마지막으로 gatsby-config.js 에 테마를 추가하세요.

 module . exports = {
  plugins : [ 'gatsby-theme-superstylin' ]
}

예를 보려면 데모를 참조하세요.

특허

MIT 라이선스에 따라 라이선스가 부여됨, 저작권 © 2018 Enrique Benitez

자세한 내용은 라이센스를 참조하세요.