DIY Hugo

HugoテーマDIY！オリジナルデザインの作り方

ゼロから始める、Hugoテーマ自作の完全ガイド。

HTML/CSSの基礎知識があれば大丈夫。
コピペで終わらせない、あなただけのサイト：城を築こう。

🔰 Basic Course (Step 1-5)

まずはここから！5ステップで完成する、世界に一つのオリジナルテーマ。

🚀 Deployment Course (公開編)

作ったサイトを世界に公開しよう！Git/GitHubと自動デプロイ。

🎨 Theme Cookbook

機能・デザイン・設定など、目的別に探せるレシピ集。

Templating

変数、関数、ロジックなど、テーマを動かす核心技術。

Design

CSS、フォント、レイアウトなど、見た目を美しく整える。

Feature

目次、パンくず、検索など、便利な機能を追加する。

Content

Markdownの書き方や、記事・画像の管理テクニック。

Config

hugo.tomlの設定、多言語化、SEOなどサイトの基盤。

☕ ちょっと一息：コラム

技術の枠を超えて。読み物としてのコラムやエッセイ。

コラム一覧を見る →