メインコンテンツへスキップ
  1. ドキュメント/

Blowfish へようこそ

3 分· loading · ·
目次
Documentation - この記事は連載の一部です
パート 1: この記事
Blowfish 3 は、ブログ、ドキュメント、ポートフォリオ、そして決まったテンプレートに収まらないサイトのためのモダンな Hugo テーマです。
npx blowfish-tools new <site> で新しいサイトを始め、インストールガイドに進んでください。既存の Blowfish サイトは互換性を損なう設定変更なしに v3 へ移行できます。

思い描いたサイトを作る
#

Blowfish は結果を固定せず、しっかりした出発点を提供します。プロフィール、ランディング、ヒーロー、カード、背景などのホームページレイアウトを選べます。配色、タイポグラフィ、ナビゲーション、ダークモード、記事表示はサイト設定で制御し、個別ページはフロントマターで変更できます。

コンテンツはポータブルな Hugo コンテンツのままです。Markdown、ページバンドル、タクソノミー、メニュー、設定ファイルはすべてリポジトリに置かれます。専用エディタもプラットフォームへのロックインもありません。

少ない独自コードで豊かなコンテンツを公開する
#

Markdown で書き、必要に応じて40 以上のショートコードを使いましょう。ボタン、通知、アイコン、タブ、ギャラリー、グラフ、図、GitHub カード、動画、コード例を、単発のテンプレートを保守せずに追加できます。

Blowfish はコンテンツ周辺も支えます。レスポンシブなアイキャッチとサムネイル、検索、読書機能、目次、ソーシャル・SEO メタデータ、構造化データ、アクセシビリティ設定、任意の分析、コメント、Firebase による閲覧数といいねに対応します。

すべての読者のために
#

翻訳コンテンツ、言語ごとのメニュー、組み込みの UI 翻訳を備えた多言語サイトを作れます。Blowfish は同じプロジェクトで RTL と LTR の言語をサポートし、表示切替、レスポンシブなナビゲーション、キーボードで使える検索を提供します。

Blowfish は現行の Hugo 機能と Tailwind CSS 4 を使いながら、設定とコンテンツのモデルを分かりやすく、自分で管理できる形に保ちます。

コーディングエージェントに必要な文脈を渡す
#

Blowfish には、Claude Code などの AI コーディングエージェント向けエージェントスキルが含まれています。設定の場所、レイアウトとフロントマターの仕組み、利用可能なショートコード、推測せずに Blowfish サイトを作る方法をエージェントに教えます。

Claude Code でインストールします。

/plugin marketplace add nunocoracao/blowfish
/plugin install blowfish@blowfish

または、プロジェクトの .claude/skills/blowfish/ にコピーしてください。セットアップ、設定、コンテンツ構成、ページデザイン、テーマを理解した実装をエージェントに手伝わせながら、サイトはリポジトリで管理できます。

次の一歩を選ぶ
#

Documentation - この記事は連載の一部です
パート 1: この記事

関連記事