빠르고 유연한 정적 웹 사이트 빌더, Hugo

다음 기사에서 우리는 Hugo를 살펴볼 것입니다. 이것은 중 하나입니다 오픈 소스 정적 사이트 생성기 또한 완전 무료입니다. 놀라운 속도와 유연성을 갖춘이 생성기는 웹 사이트 구축을 빠르고 쉽게 만듭니다. 에 관한 것입니다 발전기 사이트 Go로 작성된 정적 HTML 및 CSS. 속도, 사용 편의성 및 구성 가능성에 최적화되어 있습니다.

웹 사이트를 만드는 것은 HTML과 다른 언어에 대한 지식과 시간이 필요한 과정입니다. 이러한 이유로이 정적 사이트 빌더는 웹 사이트를 빠르게 만드는 데 큰 도움이 될 수 있습니다. 우리가 이야기 할 때 정적 웹 사이트 우리는 데이터를 처리하지 않는 사이트를 의미합니다.. 즉, 양식을 처리하거나 문서를 생성 할 수 없습니다. 이러한 웹 사이트는 일반적으로 소규모 프로젝트 및 정보 사이트를 위해 만들어졌습니다.

휴고의 일반적인 특징

• 빠른 속도. 웹 사이트에 명시된 바와 같이 이것은 동종 제품 중 가장 빠른 도구입니다. 평균 사이트는 XNUMX 초 이내에 구축됩니다..
• 강력한 콘텐츠 관리 및 유연성 규칙. Hugo는 콘텐츠 전략가의 꿈입니다. 휴고 무제한 콘텐츠 유형, 분류, 메뉴, API 기반 동적 콘텐츠 등을 지원합니다., 모두 추가 기능이 없습니다.
• 단축 코드는 우리에게 Markdown 구문을 사용하는 기능, 뛰어난 유연성을 제공합니다.
• 통합 템플릿. 이 정적 웹 사이트 빌더는 우리의 작업을 빠르게 만드는 공통 패턴을 가지고 있습니다. Hugo는 빠른 SEO 작업, 댓글, 분석 및 기타 기능을 수행하기 위해 미리 만들어진 템플릿과 함께 제공됩니다.
• 사용자 지정 출력. 우리를 허용합니다 JSON 또는 AMP를 포함한 다양한 형식으로 콘텐츠 생성, 콘텐츠 제작을 용이하게합니다.
• 300 개 이상의 테마 사용 가능, 구현하기 쉽지만 가장 복잡한 웹 사이트도 제작할 수있는 강력한 테마 시스템을 제공합니다. 캐스팅 가능 주제 살펴보기 프로젝트 웹 사이트에서 사용할 수 있습니다.

Ubuntu에 Hugo 설치

Hugo는 꽤 인기있는 프로그램으로 Gnu / Linux, 특히 Ubuntu에 설치하는 과정이 간단합니다. 사용 가능한 첫 번째 설치 옵션은 에서 찾을 수있는 미리 컴파일 된 패키지 프로젝트 릴리스 페이지. .deb 패키지를 다운로드하려면 터미널 (Ctrl + Alt + T)을 열고 다음 명령을 실행하기 만하면됩니다.

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

다운로드 후 이 다른 명령을 실행하여 설치할 수 있습니다. 동일한 터미널에서 :

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

설치가 끝나면 작업을 시작할 수 있습니다.

이 프로그램을 설치할 수있는 또 다른 방법은 스냅 팩. 설치는 터미널을 열고 (Ctrl + Alt + T) 다음을 입력하는 것만 큼 간단합니다.

sudo snap install hugo

첫 단계

Hugo는 웹 사이트 빌더입니다. 따라서 가장 먼저해야 할 일은 다음 형식을 사용하여 새 사이트를 만듭니다.:

hugo new site [nombre-del-sitio]

이 예에서는 다음 명령을 사용하여 새 사이트를 만들었습니다.

hugo new site sinforoso

이렇게하면 새 폴더가 생성됩니다. Sinforoso 주소록에서 집 사용자. 시작하려면이 폴더에 액세스하고 거기에서 작업을 시작합니다..

다음으로 할 일은 사이트에 대한 새 테마 추가. 사용 가능한 모든 테마를 추가하려면 다음 명령을 사용할 수 있습니다.:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

이것은 모든 Hugo 테마를 설치하므로 시간이 오래 걸릴 수 있습니다. 원하는 것을 시도하는 것이 도움이 될 수 있습니다. 제 경우에는 특정 주제를 선택했기 때문에 위의 명령 대신 다음을 사용했습니다.

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

주제를 카펫 temas, 작업중인 폴더에서 찾을 수 있습니다.

테마를 설치 한 후 휴고에게 특정 테마를 사용하라고. 이를 위해 우리는 작업 폴더에서 찾을 수있는 config.tom 파일에 정의하십시오. 다음 스크린 샷에 표시된대로.

변경이 완료되면 저장하고 닫습니다. 이제 우리가해야 할 일은 사이트에 표시 할 새 색인 생성. 다음 명령으로이를 수행합니다.

hugo new _index.md

보시다시피 파일의 확장자는 md입니다. Markdown을 사용하여 콘텐츠를 추가 할 수 있습니다.. 이 파일은 내에서 찾고 편집 할 수 있습니다. 콘텐츠 폴더.

우리는 또한 사이트를 형성하기 위해 새로운 카테고리 생성:

hugo new [categoría]/[archivo.md]

이 지점에서, 웹 사이트를 보려면, 다음 명령을 사용합니다.

hugo serve

다음 스크린 샷에서 볼 수 있듯이 우리 웹 사이트는 http : // localhost : 1313의 브라우저에서 사용할 수 있습니다..

요컨대 휴고는 정적 웹 사이트 만 만드는 프로그램이지만 특정 경우에 매우 유용합니다. 프로젝트에 대한 자세한 정보를 얻을 수 있습니다. 사이트 또는 공식 문서.