Hugo로 정적 사이트 구축 및 Netlify로 배포

2407 단어 hugonetlify


Hugo로 빠른 사이트를 구축하고 즉시 netlify에 배포하는 방법을 강조하겠습니다. 하지만 빌드를 시작하기 전에 Hugo와 Netlify가 무엇인지 이해해야 합니다.

Hugo은 가장 널리 사용되는 오픈 소스 정적 사이트 생성기 중 하나입니다. 놀라운 속도와 유연성으로 Hugo는 웹 사이트 구축을 다시 즐겁게 만듭니다.

Netlify은 코드를 자동화하여 유지 관리가 쉬운 고성능 사이트 및 웹 앱을 만드는 통합 플랫폼입니다.

1단계: Hugo 설치



Hugo를 사용하려면 Mac 또는 Ubuntu 사용자를 위해 이 명령을 실행하여 Hugo를 설치해야 합니다.

brew install Hugo



sudo apt-get install Hugo


2단계: 새 Hugo 사이트 만들기




hugo new site -siteName


3단계: 테마 선택



Hugo의 가장 좋은 기능 중 하나는 여기hugo themes에서 사용할 수 있는 다양한 테마 목록에서 선택할 수 있다는 것입니다. 계속해서 내가 사용하는 테마를 선택하세요. 테마 사용 지침을 확인하십시오.

theme.toml을 config.toml 파일에 복사합니다.

4단계: 테마 실행




hugo server


빌드 프로세스와 다음과 같은 메시지가 표시되어야 합니다.

Server is available at http://localhost:1818/


개인 취향에 맞게 테마를 자유롭게 수정하십시오.

5단계: Netlify에 배포



netlify로 계정을 만들고 GitHub 프로필을 netlify에 연결하면 됩니다.



그 단계 후에 Netlify 대시보드에서 새 사이트를 생성하고 GitHub에서 원격 저장소를 연결합니다.

이 설정으로 배포 명령을 만들고 배포합니다.



비올라, Hugo와 Netlify를 사용하여 다음의 빠른 단계를 통해 성공적으로 사이트를 구축하고 배포했습니다. 이 게시물은 원래 내blog에 게시되었습니다.

좋은 웹페이지 즐겨찾기