hugo-geekblog/layouts/shortcodes/hint.html

{{- $type := default "note" (.Get "type") -}}
{{- $icon := .Get "icon" -}}
{{- $title := default ($type | title) (.Get "title") }}


<blockquote class="gblog-hint {{ $type | lower }}">
  <div class="gblog-hint__title flex align-center">
    {{- with $icon -}}
      <svg class="gblog-icon {{ . }}"><use xlink:href="#{{ . }}"></use></svg>
      <span>{{ $title }}</span>
    {{- else -}}
      <i class="fa {{ $type | lower }}" title="{{ $title }}"></i>
    {{- end -}}
  </div>
  <div class="gblog-hint__text">{{ .Inner | $.Page.RenderString }}</div>
</blockquote>