create static site

정적 사이트 생성

빌드 구성 없이 정적 웹사이트를 만듭니다.

개요

 npx create-static-site my-site --template hugo
cd my-site
npm start

(npx는 npm 5.2+ 이상과 함께 제공됩니다)

그런 다음 http://localhost:3000/을 열어 앱을 확인하세요.

정적 사이트 만들기

로컬 개발 머신에는 Node >= 6이 있어야 합니다 . nvm(macOS/Linux) 또는 nvm-windows를 사용하여 다른 프로젝트 간에 Node 버전을 쉽게 전환할 수 있습니다.

새 앱을 만들려면 다음을 실행하세요.

npx create-static-site my-site --template [template]

[template] hugo 나 jekyll 로 바꾸세요.

현재 폴더 안에 my-site 라는 디렉터리가 생성됩니다.
해당 디렉터리 내에서 초기 프로젝트 구조를 생성하고 전이적 종속성을 설치합니다.

 my-site
├── LICENSE
├── node_modules
├── package.json
├── README.md
├── static-scripts.config.js
├── .browserslistrc
├── .eslintrc.yml
├── .gitignore
├── .postcssrc.js
├── .stylelintrc.yml
├── site/ # Depends on the static site generator
└── src/
    ├── css/
    │   ├── styles.css
    │   └── imports
    │       └── resets.css
    ├── img/
    │   └── svg/
    │       ├── bitbucket.svg
    │       ├── github.svg
    │       └── gitlab.svg
    └── js/
        ├── scripts.js
        └── imports/
            └── index.js

구성이나 복잡한 폴더 구조가 없으며 사이트 구축에 필요한 파일만 있으면 됩니다.
설치가 완료되면 프로젝트 폴더를 열 수 있습니다.

 cd my-site

새로 생성된 프로젝트 내에서 몇 가지 기본 제공 명령을 실행할 수 있습니다.

npm start 또는 yarn start

Jekyll 사용자는 먼저 bundle install 실행해야 합니다.

개발 모드에서 앱을 실행합니다.
http://localhost:3000을 열어 브라우저에서 확인하세요.

코드를 변경하면 페이지가 자동으로 다시 로드됩니다.

npm build 또는 yarn build

dist 폴더에 프로덕션용 사이트를 빌드합니다.

철학

• 하나의 종속성: 빌드 종속성이 하나만 있습니다. Webpack, Babel, ESLint, PostCSS 및 기타 놀라운 프로젝트를 사용하지만 그 위에 응집력 있고 선별된 경험을 제공합니다.

• 구성 필요 없음: 아무것도 구성할 필요가 없습니다. 개발 및 프로덕션 빌드 모두에 대해 합리적으로 좋은 구성이 처리되므로 코드 작성에 집중할 수 있습니다.

• 잠금 없음: 언제든지 사용자 정의 설정으로 "꺼낼" 수 있습니다. 단일 명령을 실행하면 모든 구성 및 빌드 종속성이 프로젝트로 직접 이동되므로 중단한 부분부터 바로 시작할 수 있습니다.

무엇이 포함되어 있나요?

귀하의 환경에는 최신 정적 웹 사이트를 구축하는 데 필요한 모든 것이 있습니다.

• 정적 사이트 생성기(Jekyll 또는 Hugo)
• 객체 확산 연산자와 같은 ES6 이상의 언어 추가 기능입니다.
• 자동 접두어가 붙은 CSS
• 단일 종속성으로 위 도구를 간편하게 업데이트할 수 있습니다.

단점은 이러한 도구가 특정 방식으로 작동하도록 미리 구성되어 있다는 것입니다. 프로젝트에 추가 사용자 정의가 필요한 경우 프로젝트를 "꺼내고" 사용자 정의할 수 있지만 이 구성을 유지해야 합니다.

정적 사이트

정적 사이트는 변하지 않는 정적 파일을 사용하여 구축된 웹 사이트입니다. 콘텐츠는 정적이므로 사용자에게 전달하는 데 서버 처리 시간이 필요하지 않습니다. 이 기능은 정적 사이트를 놀라울 정도로 빠르고 효율적으로 만듭니다.

정적 사이트 생성기는 정적 사이트를 구축하는 현대적인 방법입니다. 간단한 텍스트 기반 콘텐츠 파일을 웹용으로 준비된 정적 파일로 변환합니다.

매우 빠르고, 버전 제어와 함께 작동하도록 제작되었으며, Wordpress와 같은 기존 모놀리식 CMS 솔루션에 비해 설정이 거의 또는 전혀 필요하지 않기 때문에 개발자에게 환상적입니다.

현재 create-static-site 두 가지 정적 사이트 생성기를 지원합니다.

• Jekyll은 Ruby로 작성되고 GitHub 창립자인 Tom Preston Werner가 만든 정적 사이트 생성기입니다.
• Hugo는 GoLang으로 작성되고 Steve Francia가 만든 정적 사이트 생성기입니다.

기여

create-static-site 에 도움을 드리고 싶습니다! 우리가 찾고 있는 것과 시작하는 방법에 대한 자세한 내용은 CONTRIBUTING.md를 참조하세요.

기여자

멋진 분들에게 감사드립니다(이모지 키):

크리스드마크래 ? ? ? ? ? ✅	엔씨필립스 ? ? ? ? ? ️ ?	브라이언 클라인 ? ?	스캇 갤런트 ? ?	디제이 ?	세바스티안 엥겔스 ? ?	아담 ?

이 프로젝트는 모든 기여자 사양을 따릅니다. 어떤 종류의 기여도 환영합니다!

감사의 말

이 프로젝트는 멋진 create-react-app 프로젝트에서 큰 영감을 받았습니다.