HugoBlox/kit

これは何？

主な機能

• 01hero、features、pricing、testimonialsなどの再利用可能なTailwindブロックからページを作成できます。
• 02すべてのコンテンツをフロントマター付きのプレーンなMarkdownファイルとして保存します。
• 03ブログ、ポートフォリオ、出版物、ドキュメント、講演など、20種類以上のコンテンツタイプを利用できます。
• 04静的HTMLを出力し、Netlify、Vercel、GitHub Pages、Cloudflare Pagesにデプロイできます。
• 05Jupyter notebook、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によるページ生成は、1日あたりの無料メッセージ数に上限があるホスティングサービスに依存します。

トピック

よくある質問

kit とは？

Markdownファイルからランディングページ、ポートフォリオ、ブログ、ドキュメントを作成できる、Tailwindブロックを備えたオープンソースのHugoフレームワーク。 HugoBlox Kitは、HugoとTailwind CSSを基盤に、構造化されたMarkdownからプロフェッショナルなWebサイトを構築するためのオープンソースフレームワークです。再利用可能なブロックと、ランディングページ、ポートフォリオ、ブログ、出版物一覧、ドキュメント、イベントページなどのコンテンツタイプを組み合わせてサイトを作成します。各ページはフロントマター付きのMarkdownファイルとして保存されます。

kit は無料で使えますか？ライセンスは？

kit は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

kit は今もメンテナンスされていますか？

半年以内に更新あり。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