pears

? ️ 배 - 정적 사이트 스타터 키트

정적 사이트를 빠르고 쉽고 효율적으로 구축하기위한 스타터 키트.



라이브 데모보기 →

켈 현재 배는 초기 개발 상태에 있습니다. 상황이 깨지고 바뀔 수 있습니다.

? 목표

• 사용하고 개발하기가 매우 간단합니다. 설정 및 구성을 엉망으로 만들지 않습니다.
• 휴고에 익숙하지 않은 사람들에게는 사용하기 쉽습니다. 그들은 기본보다 더 많은 것을 배울 필요가 없습니다.
• 빠르고 효율적인 개발주기에 중점을 둔 도구로 구동됩니다.
• 수많은 다른 구성 요소에 대한 단축 코드 및 부분적으로 사전 포장.

? ️ 무엇이 포함되어 있습니까?

? HUGO- 정적 사이트 구축을위한 가장 빠른 프레임 워크

? Tailwindcss , Tailwind Forms 및 Tailwind Typography 유틸리티 우선 CSS 프레임 워크를 사용하여 HTML을 떠나지 않고도 사이트를 구축하십시오.

? ️ postcss , autoprefixer 및 purgecss는 CSS 파일 (Tailwind 포함)을 마크 업에서 실제로 사용하는 클래스와 규칙 일뿐 입니다.

? ️ Prettier 및 Stylelint는 서식에 대해 생각하지 않고 더 나은 코드를 작성합니다.

? ️ eslint는 다시는 JS 오류가 발생하지 않습니다.

벗장기

이 프로젝트를 사용하기 위해 설정하려면 몇 가지 다른 사항을 설치해야합니다. 걱정하지 마세요. 쉽습니다.

요구 사항

Hugo를 아직 가지고 있지 않으면 Hugo를 설치해야합니다. 거의 모든 플랫폼에서 사용할 수있는 사전 제작 된 바이너리 파일이 있습니다.

설치

시스템에 원사와 휴고가 설치되면 배의 사본을 잡고 종속성을 설치하기 만하면됩니다.

 git clone https://github.com/bradp/pears <your-new-site-name>
cd <your-new-site-name>
npm i

⚡️ 사용

• 지역 개발 환경을 시작하려면 : npm start
• 사용 가능한 명령의 전체 목록을 보려면 : npm run

주요 명령

명령	행동
npm start	모든 파일을 빌드하고 개발 서버를 시작합니다
npm build	로컬 또는 스테이징 환경에 대한 모든 파일을 구축합니다
npm build:prod	제작 서버에 배포 할 모든 파일을 구축합니다.
npm lint	CSS & JS 파일 확인 오류 Append :fix .
npm format	포맷 오류를 자동으로 수정하십시오

건물 및 줄무늬

명령	행동
npm lint:css	Lint CSS 파일 Append :fix
npm lint:js	보풀 JS 파일. 추가 :fix
npm format:check	자동으로 수정하지 않고 서식 오류를 확인하십시오

항상 yarn run 확인하여 전체 명령 목록을 볼 수 있습니다!

? 슬 로드맵

제안 된 기능 목록 (및 알려진 문제)은 열린 문제를 참조하십시오.

️ 라이센스

MIT 라이센스에 따라 배포됩니다. 자세한 내용은 LICENSE 참조하십시오.