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に画像ファイルも置くやり方が主流なので、その点については別記する。