
【Step 5】HugoテーマにCSSを適用してオリジナルデザインにカスタマイズしよう
ここまでのステップでHugoの基本的なテンプレート設定が完了し、サイトが機能するようになりました!しかし、今のままでは文字が羅列されるだけの「真っ白なサイト」で …
Hugoを使ったオリジナルテーマ作成の基礎へようこそ!
ここでは、「Hugoのインストール」から「初めての自分のテーマでの表示」までを、たった5つのステップで解説します。
何もわからない状態からでも大丈夫。順番に進めるだけで、自分だけの「城」の土台が完成しますよ。
さあ、一緒に手を動かして作りましょう!

ここまでのステップでHugoの基本的なテンプレート設定が完了し、サイトが機能するようになりました!しかし、今のままでは文字が羅列されるだけの「真っ白なサイト」で …

Hugoでブログやメディアサイトを作るなら、記事の中身を表示するための仕組みが不可欠です。 この記事では、ブラウザで各記事を表示するための「個別ページテンプレー …

サイトとテーマの準備が整ったら、ついにHTMLを書いて本格的なWebデザインの工程に入ります。 Hugoのテーマ制作において最も重要なのが、サイト全体の共通レイ …

Hugoのインストールが完了したら、次はいよいよあなたのWebサイトの土台となる「プロジェクト(サイト)」を作成します。 この記事では、Hugoのコマンドライン …

「自分だけのオリジナルブログデザインを作りたい!」と思ったことはありませんか? このチュートリアルシリーズでは、高速な静的サイトジェネレーター(SSG)である …