開発サーバーとホットリロード

開発中にリアルタイムで変更を確認する方法を解説します。

開発サーバーの起動

Hugoには開発用サーバーが組み込まれています：

hugo server

下書きも表示する場合（推奨）

draft = true の記事も表示するには：

hugo server -D

または

hugo server --buildDrafts

ホットリロード機能

Hugoの開発サーバーはデフォルトでホットリロードが有効です！

hugo server を起動すると：

  1. ファイル監視: コンテンツ、テンプレート、設定ファイルの変更を自動検知
  2. 自動リビルド: 変更があると即座にサイトを再構築
  3. ライブリロード: ブラウザが自動的にリフレッシュ

特別な設定は不要で、ファイルを保存するだけでブラウザが自動更新されます。

便利なオプション

オプション説明
-D / --buildDrafts下書きも表示
--disableFastRender完全リビルド（変更が反映されない時に使用）
--noHTTPCacheブラウザキャッシュを無効化
-p 8080ポート番号を指定

変更が反映されない場合

Fast Renderモードで問題が起きた場合：

hugo server -D --disableFastRender

まとめ

  • hugo server -D で開発サーバーを起動
  • ホットリロードは自動で有効
  • 保存するだけでブラウザが自動更新！