최근에는 웹 개발 분야의 정적 웹 사이트로의 전환이있었습니다. 정적 사이트는 유지 보수가 더 쉽고 (데이터베이스가없고 서버 측 스크립트도 없음) 일반적으로 사용자의 장치에 HTML, CSS 및 Javascript 파일 만 제공된다는 점을 감안할 때 더욱 안전합니다. 블로그 및 문서 웹 사이트와 같은 일부 유형의 웹 사이트가 정적이 되려면 HTML 파일에 직접 코드를 작성하는 것이 어려워집니다. 또한 특히 디자인과 같은 일부 작은 기능을 변경해야하는 경우 큰 내용의 사이트를 유지하기가 어려워집니다.
정적 사이트 생성기는 기본적으로 여러 리소스 파일을 하나의 웹 사이트로 변환 (또는 컴파일)합니다. 즉, 콘텐츠를 레이아웃 코드와 별도로 유지할 수 있으며 이미지와 같은 사이트 자산을 완전히 분리 할 수 있습니다. 수백 개의 정적 사이트 생성기가 많이 있습니다. 다음은 리뷰와 함께 10 개의 최고의 정적 사이트 생성기 목록입니다.
정적 사이트 생성기
1. 지킬
한마디로 : 정적 사이트 생성자의 왕 . 지킬은 최고의 문서, 가장 큰 커뮤니티 및 최고의 지원을 통해 가장 많이 사용되는 정적 생성기입니다. 심지어 GitHub는 GitHub Pages 서비스에서 Jekyll에 대한 내장 된 지원을 제공합니다. 지킬 (Jekyll)은 블로그 인지도를 자랑스럽게 생각합니다. Jekyll에 정적 블로그를 만드는 것은 정말 쉽습니다. 기본적인 웹 개발에 대한 지식 만 있으면됩니다. 그것은 초보자를위한 쉬운 설치 기능과 동시에 지식을 가진 사람들을위한 강력한 기능을 동시에 사용하기 때문에 정말 빛납니다.
Jekyll을 사용하면 다른 플러그인, 태그를 만들고 사용할 수 있으며 Jekyll과 함께 사용하려는 마크 업 언어에 대해 고유 한 변환기를 만들 수도 있습니다. 다른 대부분의 지킬과 같은 기본 마크 업 언어는 Markdown입니다. Jekyll은 Less, Stylus를 컴파일 링하기위한 플러그인을 가지고 있으며 태그 클라우드, 블로그 용 사용자 페이지 등을 생성합니다.
Jekyll은 Shopify의 Liquid Template Engine을 기반으로합니다. 루비에서 완전히 실행되므로 rvm을 사용하는 종속성 또는 bundler를 사용하여 쉽게 설치할 수 있습니다. Jekyll은 WordPress, Blogger 또는 다른 블로깅 사이트에서 마이그레이션하려는 경우 쉬운 마이그레이션 옵션도 제공합니다. 사용자 크기면에서 다른 모든 정적 사이트 생성기를 손에 쥘 수 있습니다. 그것은 활발한 개발 중입니다 (글쓰기 당시 GitHub repo에 대한 마지막 변경은 하루 전이었습니다).
지킬을 설치하려면 Ruby에서 다음 명령을 입력하기 gem install jekyll . gem install jekyll
2. 펠리컨
Pelican은 Python 기반의 정적 사이트 생성기입니다. 다국어 콘텐츠 게시, 코드 (구문) 강조 및 RSS 및 Atom 피드의 생성 용이성이 특징입니다. 펠리칸은 훌륭한 GitHub 저장소에 호스팅 된 플러그인을 제공합니다. 기본적으로 Markdown, reStructuredText 및 Ascii Doc의 3 가지 문서 형식을 지원합니다.
Pelican은 Python을 기반으로하므로 매우 독특합니다. 그것은 펠리칸을위한 아름다운 테마와 템플릿을 쉽게 생성 할 수 있도록 python 기반의 강력한 Jinja 템플릿 엔진을 지원합니다. 마이그레이션 지원 측면에서 Pelican은 WordPress 및 Tumblr을 지원합니다. 구성을위한 일반적인 YAML 파일 대신 Pelican은 구성 및 설정을 위해 pelicanconf.py 라는 .py 파일을 사용합니다.
펠리컨을 설치하는 가장 쉬운 방법은 pip를 사용하는 것입니다 : pip install pelican
3. 중매인
Middleman은 루비 기반의 정적 사이트 생성기로 정적 사이트 구축이 쉬운 방법입니다. 그것은 쉬운 태그 생성, 분류 된 기사 및 페이지 매김을 나열하는 빠른 명령과 같은 정적 블로그를 유지하기위한 강력한 기능을 가지고 있습니다. Middleman 은 이전 지원을 제공하지 않으므로 기존 블로그를 정적으로 만들려면 Middleman이 현재로서는 최선의 아이디어가 아닐 수도 있습니다.
Middleman은 HAML, Coffeescript, Sass 및 나머지와 같은 웹 개발의 현대 도구 대부분을 지원합니다. 기본 템플릿 엔진은 eRb이지만 원하는 사용자 정의 템플릿 엔진으로 전환 할 수 있습니다. Tilt가 가능한 모든 템플릿 엔진 (전체 목록은 여기에서 찾을 수 있습니다)은 Middleman에서 작동합니다. 기본적으로 YAML, JSON의 두 가지 구성 형식을 지원합니다. 콘텐츠의 Frontmatter는 사용중인 구성 형식에 따라 YAML 또는 JSON이어야합니다.
Ruby를 사용하여 Middleman 설치 : gem install middleman
4. 금속 공예
Metalsmith는 플러그 형 정적 사이트 생성기에 자부심을 가지고 있습니다. 이것은 Metalsmith의 모든 논리가 플러그인에 의해 처리된다는 것을 의미합니다. 필요한 모든 기능은 필요한 플러그인을 추가하기 만하면됩니다. Metalsmith가 제공하는 수많은 플러그인이 거의 모든 경쟁 업체를 이겨냅니다 (지킬과 Docpad 제외). 즉, Metalsmith는 단순한 정적 사이트 생성기 이상으로 사용될 수 있습니다.
"모든 것이 플러그인이기 때문에 핵심 라이브러리는 사실 파일 디렉토리를 조작하기위한 추상화입니다 ." 이것이 마지막으로 추가되는 것은 Metalsmith를 프로젝트 스캐 폴더, 전자 책 생성기, 빌드 도구, 기술 문서 작성 등과 같이 쉽게 사용할 수 있다는 것입니다 (Metalsmith 웹 사이트에 소개 된 일부 예제).
Metalsmith는 Node.js를 기반으로하며 다음과 함께 노드 패키지 관리자를 사용하여 설치할 수 있습니다. $ npm install metalsmith
Homepage 5. 하프
Harp은 추가 구성없이 Jade, Markdown, LESS, Sass, Coffeescript, EjS 및 Stylus에 대한 사전 처리 기능을 내장하고 있습니다. 또한 Jade와 EjS에서 레이아웃 / 부분 패러다임을 사용할 수있게 해줍니다. Jade와 EjS는 다른 정적 사이트 생성기에 특별한 플러그인이 필요합니다.
Harp는 Node.Js를 기반으로하며 Dropbox 폴더에서 웹 페이지를 만들 수있는 Harp Platform과 함께 사용할 수 있습니다. Harp은 또한 GitHub 페이지, PhoneGap 및 Heroku에서 사용하기 위해 페이지를 컴파일 할 수도 있습니다.
Harp을 설치하려면 npm을 사용하고 다음을 실행하십시오 : sudo npm install -g harp
홈페이지
6. 옥토 프레스
기술적으로 Octopress는 수정 된 Jekyll 포크이지만 엄청난 인기로이 목록에 포함되었습니다. Octopress는 기본적으로 해커 (레일 개발자)를위한 지킬입니다. Octopress를 쉽게 커스터마이징 할 수 있습니다. 특히 블로그를 만드는 경우 Octopress에는 기본적으로 Jekyll에서 블로그를 실행하는 데 필요한 많은 플러그인이 포함되어 있습니다.
사용자 정의 부분에서 Octopress의 코드는 사용자가 코드를 수정하고 자신의 코드를 작성하는 것을 더 쉽게 만듭니다. 즉, Octopress 용 플러그인은 Jekyll과 호환되며 (반대의 경우도 마찬가지 임)
Octopress를 설치하려면,
- GitHub 레포 복제하기
git clone git://github.com/imathis/octopress.git octopresscd octopress - 종속성 설치
gem install bundlerrbenv rehash#rbenv rehash를 사용하는 경우 번들 명령을 실행하려면 다시 해시하십시오.bundle install - 기본 Octopress 테마 설치
rake install
7. Docpad
Docpad는 동적 인 정적 사이트 생성 프로그램입니다. 쿼리 엔진을 통한 데이터베이스 쿼리, 외부 데이터베이스에서 페이지 가져 오기, 각 요청시 웹 페이지 다시 렌더링과 같은 기능을 통해 일반 정적 사이트 생성기의 기능을 확장합니다.
Docpad는 Coffeescript, Stylus 및 LESS와 같은 사전 프로세서를 기본적으로 지원하며 템플릿 엔진, 사전 프로세서 및 마크 업 언어를 지원하는 플러그인을 사용하므로 필요한 플러그인을 사용하여 원하는 조합을 선택할 수 있습니다. Docpad는 Tumblr, GitHub 및 Dropbox와 같은 외부 소스에서 플러그인을 통해 페이지를 가져 오는 기능도 지원합니다.
Docpad는 플러그인이 풍부하고 문서가 많은 기능이 풍부한 플랫폼입니다. 서버 상호 작용을 위해 Node.js를 기반으로 구축되고 사용됩니다.
npm을 사용하여 Docpad를 설치하십시오. npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
홈페이지
8. 헥소
Hexo는 빠른 속도의 사이트 생성 속도를 자랑스럽게하는 경량 정적 블로그 프레임 워크입니다. Hexo는 간단한 정적 사이트 생성기를 원하는 많은 양의 콘텐츠를 가진 블로거에게 좋습니다. WordPress, Joomla, Jekyll, Octopress 및 RSS와 같은 다른 블로깅 플랫폼에서 쉽게 마이그레이션 할 수있는 옵션을 제공합니다. Hexo의 가장 중요한 점은 Octopress 용으로 만들어진 플러그인을 대부분 사용할 수 있다는 것입니다 (그리고 확장하여 Jekyll 용 플러그인을 아주 사소한 수정으로 만들었습니다)
Hexo는 Markdown, YAML을 전면 및 구성에 지원합니다. 신속한 성질 유지 Hexo를 사용하면 GitHub, Heroku 및 Rsync와 같은 사이트에 단 한 번의 명령으로 배포 할 수 있습니다.
Hexo는 Node.js를 사용하여 설치할 수 있습니다 : npm install hexo-cli -g
9. 휴고
Hugo는 기본적으로 Hugo가 뒤 따르는 고유 한 컨텐츠 분류 시스템 인 템플리트 및 부분 지원, 페이지 매김 및 '택 소노 미'와 같은 전반적인 기능을 갖춘 범용 정적 사이트 생성기입니다. 즉, 태그뿐만 아니라 프론트 매터에서 직접 카테고리 또는 시리즈 와 같은 원하는 방식으로 게시물을 쉽게 분류 할 수 있습니다. Hugo는 YAML, JSON 및 TOML의 세 가지 데이터 파일 유형을 지원하며 가장 적합한 파일 유형을 결정할 수 있습니다.
플러그인 대신 Hugo는 Markdown 내에서 풍부한 콘텐츠를 사용할 수 있도록 '단축 코드'를 사용합니다. 이것이 어떻게 작동하는지 알고 싶다면이 기사를 읽으십시오. Hugo는 Go 프로그래밍 언어로 작성되었으며 GitHub 페이지에 다른 플랫폼에 대한 별도의 설치 파일을 제공합니다. Hugo를 설치하는 방법을 정확히 알고 싶으면 Hugo의 설치 지침을 읽으십시오.
Homebrew를 사용하는 경우 Hugo 및 모든 종속성은 다음과 함께 설치할 수 있습니다. brew install hugo
10. 브런치
브런치는 블로그 나 웹 사이트보다는 HTML5 웹 애플리케이션을 선호하지만 여전히 사용이 간편한 빠른 정적 사이트 생성기입니다. 모든 코드와 스크립트를 컴파일 할뿐만 아니라 코드를 축소 (축소)하고 이미지를 자동으로 압축 할 수 있습니다. 브런치에는 필요에 따라 사용자 정의 할 수있는 플러그인이 많이 있습니다. 브랜치 플러그인의 전체 목록은 여기에서 찾을 수 있습니다.
브런치는 기본적으로 웹 사이트 (또는 웹 앱)를 시작하기위한 상용구 인 '해골'을 제공합니다. Brunch는 프로젝트의 변경되지 않은 부분을 모두 캐싱하고 수정 된 파일 만 컴파일하기 때문에 가장 빠른 컴파일 속도 중 하나를 제공합니다. 브런치는 Node.js를 기반으로하며 npm을 사용하여 설치할 수 있습니다. npm install -g brunch
이 기사에 대한 제안 사항이 있습니까? 코멘트에 남겨주세요!
