8a597a5c9c
* refactor(i18n): simplify the structure of the translation file * chore: prepare repository for v4.0.0-alpha * chore: modify go.mod to v4 * refactor: migrate theme configuration to TOML * fix: exampleSite not using correct theme * feat: add favicon from assets folder * refactor: drop linear grandient background feature remove node-vibrant from dependencies * feat: use Hugo's code block render hook to implement code copy button Now it can have i18n support * refactor: delete color.ts * refactor: delete Emoji support post from example site * refactor: drop support for `hidden` field in front matter * feat: upgrade to PhotoSwipe v5 * chore: bump the required hugo version to 0.100.0 * refactor: remove PhotoSwipe from external.yaml * fix: extra margin in search result * fix: incorrect markdown heading level in example site * refactor: remove some usages of `default` in template No longer needed thanks to Hugo's configuration merge * fix: one line codeblock style in firefox closes https://github.com/CaiJimmy/hugo-theme-stack/issues/564 * feat: add style to new codeblock * feat: i18n support for codeblock copy text * fix(menu): jitter when closing menu It's caused by flexbox gap property, which can't animate * fix(search): long text overflows under the Search icon closes https://github.com/CaiJimmy/hugo-theme-stack/issues/515
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
{{- $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}}
|
|
{{- $Permalink := .Destination | relURL | safeURL -}}
|
|
{{- $alt := .PlainText | safeHTML -}}
|
|
{{- $Width := 0 -}}
|
|
{{- $Height := 0 -}}
|
|
{{- $Srcset := "" -}}
|
|
|
|
{{/* SVG and external images won't work with gallery layout, because their width and height attributes are unknown */}}
|
|
{{- $galleryImage := false -}}
|
|
|
|
{{- if $image -}}
|
|
{{- $notSVG := ne (path.Ext .Destination) ".svg" -}}
|
|
{{- $Permalink = $image.RelPermalink -}}
|
|
|
|
{{- if $notSVG -}}
|
|
{{- $Width = $image.Width -}}
|
|
{{- $Height = $image.Height -}}
|
|
{{- $galleryImage = true -}}
|
|
|
|
{{- if .Page.Site.Params.imageProcessing.content.enabled -}}
|
|
{{- $small := $image.Resize `480x` -}}
|
|
{{- $big := $image.Resize `1024x` -}}
|
|
{{- $Srcset = printf `%s 480w, %s 1024w` $small.RelPermalink $big.RelPermalink -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
|
|
<img src="{{ $Permalink }}"
|
|
{{ with $Width }}width="{{ . }}"{{ end }}
|
|
{{ with $Height }}height="{{ . }}"{{ end }}
|
|
{{ with $Srcset }}srcset="{{ . }}"{{ end }}
|
|
loading="lazy"
|
|
{{ with $alt }}
|
|
alt="{{ . }}"
|
|
{{ end }}
|
|
{{ if $galleryImage }}
|
|
class="gallery-image"
|
|
data-flex-grow="{{ div (mul $image.Width 100) $image.Height }}"
|
|
data-flex-basis="{{ div (mul $image.Width 240) $image.Height }}px"
|
|
{{ end }}
|
|
> |