HTML5 보일러 플레이트를 기반으로 한 간단한 정적 HTML 페이지를위한 리포 템플릿 및 유연한 스타일링을 위해 Tailwind CSS를 사용합니다. 곧 방문하고 방문하는 데 좋습니다. GitHub 페이지 또는 기타 정적 사이트 호스트에 쉽게 배포 할 수 있습니다.
GitHub의 저장소 메인 페이지 상단에있는 "이 템플릿 사용"버튼을 클릭하십시오. index.html 및/또는 main.js의 내용을 편집하고 아래 배포의 단계에 따라 좋아하는 정적 호스트에 배포하십시오.
빠른 액세스를 위해 https://github.com/besublime/tailwind-parcel-static-starter/generate를 방문하십시오
리포지토리가 생성되고 로컬 환경에 복제되면 npm install
실행하여 계속하기 전에 종속성을 설치하십시오.
터미널에서 npm run dev
실행하여 Index.html (및 IT 내에 포함 된 JS/CSS)을 모니터링하는 간단한 서버 (소포 사용)를 시작하고 변경이 이루어지면 자동으로 다시로드 할 수 있습니다.
GitHub 페이지에 배포하려면 저장소 설정에서 GitHub 페이지를 활성화하고 /docs
디렉토리를 소스로 선택하십시오.
게시 된 GitHub 페이지 사이트를 업데이트하려면 npm run build
실행 한 다음 변경 사항을 원격 저장소로 커밋하고 푸시하십시오. (이 명령은 소포를 사용하여 CSS를 컴파일하고 스크립트를 번들로하고 모든 것을 /docs
디렉토리에 출력합니다.)
다른 정적 사이트 플랫폼에 배포하려면 호스트가 제공 한 지침을 따르십시오. package.json
의 빌드 명령은 --dist-dir
매개 변수를 변경하여 모든 디렉토리로 출력하도록 업데이트 될 수 있습니다.