최고의 정적 사이트 생성기

최고의 정적 사이트 생성기


웹 사이트를 구축하는 과정에는 두 가지 부분이 있습니다. 컨텐츠를 제공 한 다음 CMS (WordPress 또는 사용하기로 선택한 것)는 해당 컨텐츠를 가져와 선택한 테마 및 선택한 템플릿과 결합하여 웹 사이트를 만듭니다. 고객이나 독자가 읽을 수 있습니다. 하지만이 두 부분을 함께 수행 할 필요는 없습니다. 서로 분리 할 수 ​​있습니다. 정적 사이트 생성기 (SSG) 않습니다.

이 가이드에서는 정적 사이트 생성의 정의와 장점에 대해 설명하고 10 가지 정적 사이트 생성기를 나열하여 선택 방법에 대한 지침을 제공합니다..

정적 사이트 생성기는 어떻게 작동합니까? 왜 하나를 사용 하는가?

언급 한 바와 같이 대부분의 CMS는 테마 및 템플릿과 결합하여 콘텐츠를 HTML로 변환 한 다음 해당 HTML을 웹 사이트로 제공합니다. 정적 사이트 생성기는 그 프로세스를 두 가지로 나눕니다. 콘텐츠가 HTML로 바뀌는 부분은 컴퓨터에서 발생하여 HTML 파일로 가득 찬 폴더를 제공합니다. 그런 다음 HTML 파일을 웹에 업로드하면 모든 사람이 웹 사이트로 사용할 수 있습니다..

그런데 왜 이러는가? 많은 혜택이 있습니다.

첫 번째는 보안. 사람들이 상호 작용하는 웹 사이트는 단순한 HTML이므로 해킹하기가 훨씬 더 어렵습니다. 작업을 수행하는 모든 컴퓨터 코드를 포함하는 정적 사이트 생성기는 자신의 컴퓨터에서만 실행되며 더 넓은 세상에 노출되지 않으므로 해킹 할 수 없습니다. 이는 보안 업데이트가 거의 필요하지 않음을 의미합니다. CMS를 업데이트하고, 플러그인을 업데이트하고, 사이트를 업데이트하라는 정기 팝업을 더 이상 귀찮게 할 필요가 없습니다..

일부는 이것이 충분한 이유 일 수 있지만 정적 사이트 생성에는 두 번째 주요 이점이 있습니다. 공연.

정적 HTML로 만든 웹 사이트는 방문 할 때마다 처리해야하는 웹 사이트보다 훨씬 빠르게로드 할 수 있습니다. 방문자가 사이트를 볼 때마다 컨텐츠와 테마가 새롭게 결합되는 대신이 작업은 컴퓨터에서 생성시 한 번만 수행되며 다시 필요하지 않습니다. 대신, 웹 사이트는 이미 볼 수있는 형태입니다.

더 나은 성능은 모든 종류의 방식으로 웹 사이트에 도움이됩니다. 고객은 계속보고있을 가능성이 높습니다. 이탈률이 낮습니다,  Google 및 기타 검색 엔진은 빠른 성능을 높이고 순위를 높이기 때문에 페이지로드 시간이 더 빠릅니다..

트래픽 급증은 문제가되지 않습니다. 방문자 수가 갑자기 급증하면 제대로 처리되며 인기가있는 순간에 사이트가 과부하 되어도 ‘502 Bad Gateway’메시지 중 하나가 표시되지 않습니다..

모든 은색 안감이 있지만 구름이 있고 정적 사이트 생성을 위해서는 사이트에이 기술을 사용하기 위해 좀 더 기술적으로 준비해야합니다..

“생성 단계”와 “게시 단계”의 이러한 분리를 이해해야하며 일반적으로 정적 사이트 생성기는 표준 종류의 동적 CMS보다 기술 지식 기준을 약간 더 가정하는 경향이 있습니다. 특히 대부분의 정적 사이트 생성기는 명령 줄: 이러한 앱은 가리키고 클릭하는 대신 명령을 실행하여 구동되는 경향이 있습니다..

커맨드 라인이 필요하기 때문에 정적 사이트 생성기는 모든 사람에게 해당되는 것은 아니지만 소매를 롤업하고 평소보다 조금 더 깊게 다이빙을 고려할 경우 몇 가지 잠재적 승리가 있습니다..

10 개의 최고의 정적 사이트 생성기를 살펴본 다음 선택하는 방법에 대해 알아 보겠습니다..

정적 사이트 생성기 10 대

1. 휴고

휴고 로고

Hugo는 터미널 기반 정적 사이트 생성기에서 설정 및 사용하기가 더 쉽습니다. 그들의 문서, 특히 휴고를 설치하는 방법 실행이 가능하고 매우 포괄적이며 새 패키지 저장소를 먼저 설치 한 다음 다음 위치에서 Hugo를 설치할 필요가 없습니다..

그것은 많은 양의 사전 빌드 테마 사이트에서 원하는 모양을 쉽게 선택하고 선택할 수 있으며 Hugo 팀의 주요 기능 중 하나는 빌드 속도입니다..

컨텐츠를 추가 또는 편집하거나 테마를 변경하여 사이트를 변경하려면 사이트를 “다시 작성”해야합니다. 즉, 모든 페이지에 대해 컨텐츠와 테마를 HTML로 결합하는 프로세스를 실행해야합니다. 약간의 빌드 속도 성능 차이로 인해 대기 시간과 대기 시간 사이에 차이가 생겨 변경 결과를 확인할 수 있으며 Hugo는이 점에서 가장 빠른 속도로 열심히 노력합니다..

기존 데이터로 사이트를 구축하는 경우 Hugo의 ‘데이터 중심 콘텐츠”기능을 사용하면 사이트의 콘텐츠를 CSV 또는 JSON 형식으로 비교적 쉽게 제공 할 수 있습니다. 이는 Excel 또는 Google 스프레드 시트를 실행하지 않고도 탐색하고 탐색 할 수있는 편리한 방식으로 전 세계에 노출하려는 기존 데이터를 가져 오는 유용한 방법입니다..

2. Eleventy 또는 11 세11ty 로고

11은 최신 SSG 중 하나이지만 인기 목록을 급증시키고 있습니다. 자체적으로“더 단순한 정적 사이트 생성기”로 청구됩니다. 그러나 합리적인 수준의 기술 친숙 함이 필요하지만 문서에는이를 반영하지만 그것을 이해할 수있는 사람들에게는 우아한 방식으로 일합니다..

11ty는 JavaScript로 작성되었으므로 node.js 일하다; 아직 설치하지 않은 경우 먼저 설치 한 다음 명령 줄에서 11을 설치해야합니다..

11ty는 웹 사이트 성능에 대해 강력한 견해를 가지고 있습니다. 성과 리더 보드 웹 사이트로 구축 된 웹 사이트 중 하나이며 웹 전문가와 공개 웹을보다 일반적으로 큐레이터하고 구축하는 사람들에게 매우 인기가 있습니다..

3. 펠리컨펠리칸 로고 받기

펠리칸은 다소 미학적이지만 파이썬을 기본 프로그래밍 언어로 사용하며 약간의 추가 프로그래밍으로 원하는 방향으로 거의 확장 할 수 있습니다..

또한 WordPress에서 사이트 데이터 가져 오기를 지원하므로 다른 SSG보다 기존 설정을 그대로 유지하면서 기존 WordPress 사이트에서 정적 사이트 생성으로 쉽게 이동할 수 있습니다. 또한 더 우수한 SSG 클래스와 마찬가지로 블로그 전체가 아닌 전체 웹 사이트를 처리 할 수 ​​있도록 설계되었습니다..

펠리칸은 처음에는 약간 가파른 학습 곡선을 가지고 있기 때문에 이미 파이썬에 익숙한 사람에게 더 적합합니다. 마찬가지로, 컴퓨터에 이미 Python 설치가 필요하며 이것을 가지고 있지 않은 비 개발자에게는 지침이 제공되지 않습니다. 그러나 이미 Python을 사용하는 개발자 유형이라면 Pelican을 시작하는 것이 좋습니다.

4. 니콜라

니콜라 로고

Nikola는 정적 사이트 생성에 대한 “배터리 포함”접근 방식을 취하여 블로그 및 전체 웹 사이트를위한 매우 상세한 템플릿을 제공 할뿐만 아니라 이미지 갤러리 및 기타 검색 기능도 제공합니다..

그것은 상당히 광범위한 목록을 가지고 있습니다. 플러그인 테마도. 니콜라는 시장의 기술적 인 측면을 향한 경향이 있지만; 여기에서 기본보다 더 많은 작업을 수행하려면 Python 개발에 대해 확신이 있어야하지만, 니콜라라면 많은 대안보다 더 확장 성이 뛰어납니다..

테마 목록은 매우 포괄적이 아니므로 정보가 아닌 아름다운 것을 찾고 있다면 다른 곳을 보는 것이 좋습니다. 그러나 재건 속도는 다른 대부분의 가능성보다 빠릅니다..

Pelican과 마찬가지로 Nikola는 이미 Python을 사용할 수 있다고 가정하고이를 가능하게하는 방법을 설명하지 않으므로 Windows를 사용하지 않고 Windows를 사용하는 경우 다른 대안 중 하나를보고 싶을 수 있습니다..

개츠비개츠비 로고

개츠비는 자신을 정적 PWA 생성기라고 부릅니다. PWA는 예술의 용어입니다 프로그레시브 웹 애플리케이션, 오프라인에서 작동하거나 모바일의 홈 화면에 추가 될 수 있습니다. 다른 SSG로 생성 된 웹 사이트를 포함하여 모든 웹 사이트에서이 작업을 수행 할 수 있지만 Gatsby는 기본적으로이 지원을 제공합니다..

웹 컴포넌트 라이브러리 인 React에 익숙한 사용자에게는 Gatsby가 내장되어 있기 때문에 Gatsby를 선택하는 것이 좋습니다. 따라서 이미 알고있는 친숙한 환경을 실제로 재사용 할 수 있습니다., 리 액트 자체 웹 사이트 개츠비와 함께 지어진.

Gatsby에는 node.js와 버전 제어 시스템이 모두 필요합니다 자식 설치됩니다. 그들은 상당히 상세한 세트를 가지고 있습니다. 설명서 페이지 Windows를 포함하여 Gatsby 환경을 설정하는 방법에 대해 설명하지만 명령 행에 익숙하지 않은 경우 오히려 관련 프로세스입니다. 또한이 설명서는 Windows 및 Linux 및 Mac 지침을 모두 혼합하여 따르기가 약간 어렵습니다..

6. 지킬

지킬 로고

Jekyll은 가장 오래된 정적 사이트 생성기 중 하나이지만 여전히 활발한 개발을 진행 중이며이 인기로 인해이 목록의 다른 모든 항목을 생성 한 SSG 혁신의 홍수가 촉발되었습니다..

명성을 얻는 주장 중 하나는 Github 코드 호스팅 서비스에 내장되어 있다는 것입니다. 콘텐츠를 Github에 저장할 수 있습니다 저장소, Github에서 Jekyll 코드를 실행하는 방식으로 코드 용 클라우드 드라이브 …에 대한 코드를 전혀 실행할 필요없이 콘텐츠를 웹 사이트로 변환.

이런 식으로 Github 페이지 서비스는 정적 웹 사이트의 호스트로 무료로 사용할 수 있으며이를 설정하는 방법에 대한 설명서는 매우 명확하고 따르기 쉽습니다..

그러나 여전히 자식 코드 제어 시스템. 물론 Jekyll을 자신의 컴퓨터에서 직접 실행할 수도 있습니다. Windows 설치 지침 세트, Windows는 공식적으로 지원되지 않지만.

7. Statiq.web

statiq 로고

Statiq Web은 SSG 등급에 다소 새로운 추가 기능이며 여전히 상당히 개발 중입니다. 따라서 잘 작동하는 것과 그렇지 않은 것을 피드백하여 해당 프로세스에 참여하고 커뮤니티에 참여하려는 사람들에게 가장 적합합니다..

고유 한 판매 포인트는 .NET으로 빌드되므로 프로그래밍 스택에 대한 지식이있는 사람들은 Statiq 웹이 기존 경험에 잘 맞는다는 점입니다. 보다 일반적인 Statiq Framework의 예제 프로젝트이므로보다 숙련 된 프로그래머가 더 큰 프레임 워크를 수용하여보다 포괄적 인 것을 구축 할 수 있습니다..

8. Publii

Publii 로고

Publii는 다른 정적 사이트 생성기와는 달리 명령 줄 도구가 아닙니다. 대신 Windows, Mac 및 Linux에서 사용 가능한 데스크톱 응용 프로그램입니다..

웹 사이트 대신 컴퓨터에서 실행되는 응용 프로그램이고 정적 버전의 웹 사이트를 생성하여 다른 도구와 같이 게시 할 수 있다는 점을 제외하면 WordPress와 비슷한 것으로 생각할 수 있습니다..

정적 웹 사이트를 Netlify 및 클라우드 호스팅 위치와 같은 다양한 기존 호스트로 푸시 할 수있는 기본 제공 게시 도구가 있습니다. 기존 WordPress 사이트를 Publii로 변환하기위한 가져 오기 시스템과 유료 전문가 수준 테마 마켓 플레이스가 있습니다..

응용 프로그램 자체는 무료이며 오픈 소스이며 토론 포럼에서 서로 돕는 사용자 커뮤니티가 있습니다. Publii는 현재 제공되는 정적 사이트 생성기 중 기술이 가장 적지 만 여전히 모든 이점을 가지고 있습니다. 코딩 및 명령 줄 기반 접근 방식을 사용하지 않으려는 사람에게는 훌륭한 솔루션입니다..

9. WP2Static

wp2static 로고

WP2Static은 다른 정적 사이트 생성기와는 다른 접근 방식을 취합니다. 사이트 관리자 자체는 아닙니다. 대신 WordPress와 함께 작동하여 WordPress 자체에서 관리하는 사이트의 정적 버전을 만듭니다..

위의 설명 언어에서 WP2Static은 편집 및 컨텐츠 및 테마 및 템플리트와 결합하여 컨텐츠를 HTML로 변환하는 작업을 WordPress에 맡깁니다. 그런 다음 WP2Static으로 들어가서 해당 HTML을 가져 와서 게시하십시오. 같이 웹 어딘가에 일반 HTML.

여기에는 몇 가지 명백한 이점이 있습니다. 익숙한 WordPress 인터페이스를 계속 사용할 수 있으며 WordPress의 광범위한 테마 및 플러그인 라이브러리에 모두 액세스 할 수 있습니다..

그러나 이것에도 단점이 있습니다.: 워드 프레스 설치를 다른 곳으로 옮기는 것이 중요합니다. 그렇지 않으면 정적 사이트 생성의 이점을 대부분 잃게됩니다.

사이트를 정적으로 유지하면 WordPress와 같은 동적 제품을 사용하지 않지만이 솔루션을 사용하면 보안이 크게 향상됩니다. 아르 여전히 WordPress를 사용하고 있습니다. 따라서 본인 이외의 다른 사람이 접근 할 수없는 곳에 워드 프레스를 숨기는 것이 중요합니다.

기술적으로 생각하면 숨겨진 서버로 옮기거나 로컬 컴퓨터에서 WordPress를 실행할 수 있습니다. 이를 수행하는 방법을 즉시 이해하지 못하는 사람은 관련된 개념을 따르기가 어려울 수 있으며, (숨겨진) WordPress에서 생성하는 사이트가 공개 단추까지 공개 된 사이트가 아니라는 것을 기억하는 것이 혼란 스러울 수 있습니다 누르면.

그러나 WordPress 사용자 인터페이스에 익숙하거나 다른 SSG에서 찾기 어렵거나 사용할 수없는 특정 WP 플러그인 또는 테마에 크게 묶인 경우 WP2Static이 이상적인 솔루션 일 수 있습니다..

10. Next.js

Nextjs 로고

Next.js는 정적 사이트의 생성기가 적으며 React를 사용하여 정적 응용 프로그램을 작성하기위한 프레임 워크가 더 많습니다. 정적 사이트 생성을 지원하고 (2020 년 초 9.3 릴리스에서이 기능을 크게 향상시키기 위해이 지원을 개선했습니다.) React를 사용하여 애플리케이션을 빌드하려는 경우 동급 최고의 정적 사이트 생성을 원하는 경우 다음 .js는보기 좋은 곳입니다.

JavaScript와 React에 대한 지식이 풍부하므로 비 기술적 인 것이 아니며 문서는 Windows 사용자에게 립 서비스를 지불 한 Linux 또는 Mac 환경에 의존합니다..

그러나 가치가있는 것은 매우 훌륭하며, 주변에는 약간의 윙윙 거리는 소리가 많이 들며 이는 개발이 많이 진행되고 도약과 경계에서 앞으로 나아가는 것을 의미합니다..

올바른 것을 선택하는 방법?

선택할 수있는 것의 목록.

그러나 가장 적합한 것을 어떻게 선택합니까?

명령 행에 관심이 없다면 Publii를 보라. 당신이 정적으로 가고 싶어하는 WordPress 전문가라면 WP2Static은 이미 가지고있는 광범위한 기술을 바탕으로합니다. 속도에 관심이 있다면 11ty 또는 Hugo가 볼 곳입니다..

특정 프로그래밍 언어 또는 환경에 경험이있는 경우 해당 언어로 작성된 정적 사이트 생성기를 선택하여 기존 기술을 최대한 활용하십시오. Python의 경우 Pelican 또는 Nikola; Ruby, Jekyll, .NET, Statiq, React는 Next.js와 Gatsby, JavaScript는 11ty.

기존 WordPress 사이트에서 이사하는 경우 선택한 도구에 WordPress 콘텐츠에 대한 수입 업체가 있는지 확인하고 실험이 저렴하고 쉽다는 점에 유의하십시오. 예제 콘텐츠로 테스트 정적 사이트를 구축하고 다른 사람이 보지 않고도 자신의 컴퓨터에서만 생성 할 수 있습니다..

소리가 마음에 드는 도구 (모두 무료이며 공개 소스 임)를 사용해보고 준비가되면 정적 콘텐츠를 호스팅 할 장소를 찾아보십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map