HUGO

// langは表示中の言語。config.tomlで設定する
// 直後の数字は桁数

{{lang.NumFmt 0 .Params.price}}

# .Hugo.Environmentで取れる。
# 初期は"development"
# 「hugo server  --environment 文字列」で指定もできる

# hugo server環境下だった変換したcssをlink hrefでリアルタイムで読む
{{- if eq .Hugo.Environment "development" }}{{- $style := resources.Get "sass/main.scss" | toCSS }}
<link rel="stylesheet" href="{{ $style.Permalink }}">
{{else}}
# hugoコマンドで出力するときは、ローカルで変換したcssの方を読む
<style amp-custom>
    {{readFile "/assets/sass/main.css" | safeCSS}}
</style>
{{end}}

# hugo server時はreadFileで読んだファイルはリアルタイムで読み直してくれない
# この方式にすればhugo serverでプレビューしながらSCSSでコーディングができる

# lastestは使うバージョンに変更可能
image: registry.gitlab.com/pages/hugo:latest

variables:
  GIT_SUBMODULE_STRATEGY: recursive

# masterブランチ以外で実行されるテストコマンド。と行ってもhugoコマンドを実行しているだけ
# 記事追加でブランチを切る場合（Netlify CMSなど）は無駄にPipeline Quataを消費するからtestは削除するか、開発用のブランチを指定したほうがいい
test:
  script:
  - hugo
  except:
  - master

# ここで公開処理。hugoコマンドを実行して、できたpublicディレクトリを公開しているだけ
pages:
  script:
  - hugo
  artifacts:
    paths:
    - public
  only:
  - master

{{ $posts := (where (where .Site.Pages "Section" "topics") ".Params.slug" "!=" .Params.slug) }}

{{ .Params.price | lang.NumFmt 0}}

{{- if .IsTranslated -}}
{{ range .Translations }}
<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
{{- end -}}    
{{- end -}}

{{ if .IsTranslated }}
<div class="translated__box">
  <ul class="tab__btn">
    <li>
      <span class="tab__btn--item current-lang">{{ .Site.Language.LanguageName }}</span>
    </li>
  {{ range .Translations }}
    <li>
      <a class="tab__btn--item" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
    </li>
  {{end}}
  </ul>
</div>
{{end}}

---
title: Categories
outputs:
  - html
  - json
---

    {{ $json_url := 'APIのURL' }}
    {{ $data := getJSON $json_url }}

    {{ if gt (len $data) 0 }}{{   if not (eq (index $data 0) "") }}
    <section>
      <ul>
        {{range $data }}
        <li>
          <a href="{{ .referer }}" target="_blank">
            <span>{{ .title}}</span>
            <span>{{ .url}}</span>
          </a>
        </li>
        {{ end }}
      </ul>
    </section>
    {{ end }}{{ end }}

{{ $v1 := (where .Site.RegularPages "Section" "topics" )}}
{{ $v2 := (where .Site.RegularPages ".Params.slug" "!=" .Params.slug)}}
{{ $related:= $v1 | intersect $v2 }}
{{ with $related }}
    <ul class="article-list">
      {{ range . }}
      {{ partial "li" .}}
      {{ end }}
    </ul>
{{ end }}

{{ $style := resources.Get "sass/main.scss" | toCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $style.Permalink }}">