나는 8비트 CSS 등을 위한 매우 멋진 프레임워크인 놀라운 NES.css를 우연히 발견했습니다. 멋진 NPM 라이브러리와 Gatsby 4을 사용하여 간단한 데모를 만들었습니다.

소스 코드는 다음과 같습니다.

jmau111 / 개츠비네스

Typescript, Gatsby 및 NES.css로 만든 테마

개츠비 NES

한 페이지 레이아웃을 위해 Typescript, Gatsby 및 NES.css로 만든 테마입니다.
See live demo
옵션은 없지만 시작하기 쉽습니다.

특징

지금은 꽤 제한됨(의도적으로):

한 페이지 레이아웃

매우 기본적인 SEO

스타일 404

NES.css 프레임워크에 대한 추가 사용자 정의는 멋진 문서를 확인하십시오.

경고

이 테마는 Nintendo에 대한 향수 어린 찬사일 뿐입니다. 사용자 정의하기 쉽지만 기능면에서 매우 가볍습니다.

🌪 NES 시작하기

git clone https://github.com/jmau111/gatsby-nes.git and cd gatsby-nes && npm install && npm run dev

그런 다음 ./images/ 에서 파비콘을 사용자 지정합니다.

수표 종류

TypeScript의 아이디어는 입력하는 것이므로 이에 대한 명령이 있습니다.

npm run typecheck

🎃 스타일 변경

수행 중인 작업을 알고 있는 경우 ./src/styles 에서 스타일을 조정할 수 있습니다. 테마는 스타일이 지정된 구성 요소를 사용하지 않고 ./gatsby-browser.ts에서 연결(~ 추가)하는 기본 SASS를 사용합니다.
제거하지 마십시오import …

View on GitHub

데모는 there