Hugoが作るサイトの構成

Hugoが書き出すサイトのディレクトリやファイル

hugo new site サイト名コマンドで書き出されるサイトのディレクトリやファイルの構成

ファイル/ディレクト 説明
archetypes 「hugo new」コマンドで使用するテンプレートを格納するディレクト
archetypes/default.md 「hugo new」コマンドで使用されるデフォルトのテンプレート
config.toml サイトの各種設定を記述する設定ファイル
content 公開するコンテンツを格納するディレクト
data 公開するコンテンツ以外の各種データを格納するディレクト
layouts カスタムテンプレートなどを格納するディレクト
static サイトで使用する画像やCSSなどの静的ファイルを格納するディレクト
themes 外観を設定するテーマファイルを格納するディレクト

トップページ

サイトのトップページはcontent直下に_index.mdというファイル名で作る.

[content/_index.md]

---
---
# Hugo テストサイト

Hugoのテストページです。

画像ファイルなどの管理

static ディレクトリ以下に、img など画像格納用のディレクトリを用意し画像を格納しておけば、Markdownから「/img/xxx.jpg」といった相対アドレスで参照できる.

この画像ディレクトリは、publicフォルダにビルドされた時に、public直下で/img/xxx.jpgというアドレスになる.

ただし今現在は記事ファイルと同じDIRに画像ファイルも置くやり方が主流なので、その点については別記する。