HugoBlox/kit

어떤 프로젝트인가요?

핵심 기능

• 01hero, features, pricing, testimonials 같은 재사용 가능한 Tailwind 블록으로 페이지를 만듭니다.
• 02모든 콘텐츠를 front matter가 포함된 일반 Markdown 파일로 저장합니다.
• 03블로그, 포트폴리오, 출판물, 문서, 강연 등을 포함한 20개 이상의 콘텐츠 유형을 제공합니다.
• 04정적 HTML을 출력하며 Netlify, Vercel, GitHub Pages, Cloudflare Pages에 배포할 수 있습니다.
• 05Jupyter 노트북, LaTeX 수식, BibTeX 기반 출판물 페이지를 렌더링합니다.
• 06새 사이트를 만들 수 있는 CLI를 제공합니다.

활용 사례

• 출판물 목록과 프로젝트 페이지를 갖춘 학술 개인 웹사이트 만들기.
• 무료로 호스팅하는 개발자 포트폴리오나 컨설턴트 랜딩 페이지 구축하기.
• 콘텐츠를 Git 저장소의 Markdown 파일로 관리하는 문서 사이트나 블로그 게시하기.
• reveal.js를 사용해 Markdown으로 슬라이드 덱이나 이벤트 페이지 만들기.

빠른 시작

1. 1

   CLI를 전역으로 설치합니다(Hugo Extended와 Node.js가 필요합니다).

   npm install -g hugoblox
2. 2

   CLI로 사이트를 만듭니다.

   hugoblox create site
3. 3

   또는 브라우저에서 템플릿을 선택해 약 60초 만에 사이트를 시작할 수 있습니다.

사용 전 알아둘 점

• !시각적 편집, AI 자동화, BibTeX 가져오기 등의 일부 기능을 사용하려면 유료 Pro 플랜이 필요합니다.
• !Hugo Chat AI 페이지 생성은 일일 무료 메시지 한도가 있는 호스팅 서비스에 따라 달라집니다.

토픽

자주 묻는 질문

kit은(는) 무엇인가요?

Markdown 파일만으로 랜딩 페이지, 포트폴리오, 블로그, 문서를 만들 수 있는 오픈소스 Hugo용 Tailwind 블록 프레임워크입니다. HugoBlox Kit은 Hugo와 Tailwind CSS를 기반으로 구조화된 Markdown에서 전문적인 웹사이트를 만들 수 있는 오픈소스 프레임워크입니다. 랜딩 페이지, 포트폴리오, 블로그, 출판물 목록, 문서, 이벤트 페이지 등의 콘텐츠 유형과 재사용 가능한 블록으로 사이트를 구성하며, 모든 페이지는 front matter가 포함된 Markdown 파일로 저장됩니다.

kit은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

kit은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

kit은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. kit의 마지막 커밋은 2026년 8월 4일입니다.

kit은(는) 어디에 사용할 수 있나요?

출판물 목록과 프로젝트 페이지를 갖춘 학술 개인 웹사이트 만들기. 무료로 호스팅하는 개발자 포트폴리오나 컨설턴트 랜딩 페이지 구축하기. 콘텐츠를 Git 저장소의 Markdown 파일로 관리하는 문서 사이트나 블로그 게시하기. reveal.js를 사용해 Markdown으로 슬라이드 덱이나 이벤트 페이지 만들기.

kit는 어떻게 설치하나요?

CLI를 전역으로 설치합니다(Hugo Extended와 Node.js가 필요합니다).: npm install -g hugoblox CLI로 사이트를 만듭니다.: hugoblox create site 또는 브라우저에서 템플릿을 선택해 약 60초 만에 사이트를 시작할 수 있습니다.

kit은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/HugoBlox/kit