使用環境
| Name | Version |
|---|---|
| Hugo | v0.87.0-extended |
Data Templates
Hugoには、Data Templatesという機能があります。
今まで、JSONを使っていましたが、今回は、YAMLを使ってみました。
JSONやCSVの場合は、getJSONやgetCSVが、ありますが、YAMLは、ないです。
dataフォルダ内に置けば、JSONでも、YAMLでも、.Site.Dataで、取り出すことが出来ます。
console.log
.Site.Dataの中身が、どんな内容なのか確認する方法です。
<script>console.log({{ .Site.Data }});</script>
ファイル名が固定
data/a.ymlの場合。
{{- range .Site.Data.a }}
<<省略>>
{{- end }}
ファイル名が動的(セクションがない)
content/a.mdとdata/a.ymlの場合。
{{- $file := .File.ContentBaseName }}
{{- $rows := index .Site.Data $file }}
{{- range $rows }}
<<省略>>
{{- end }}
ファイル名が動的(セクションのみ)
content/doc/a.mdとdata/doc/a.ymlの場合。
{{- $file := .File.BaseFileName }}
{{- $section := .Section }}
{{- $rows := index .Site.Data $section $file }}
{{- range $rows }}
<<省略>>
{{- end }}
ファイル名が動的(階層がある)
content/doc/one/a.mdとdata/doc/one/a.ymlの場合。
{{- $text := (replace .File.Path ".md" "") }}
{{- $array := split $text "/" }}
{{- range (index .Site.Data $array) }}
<<省略>>
{{- end }}