technoduck/hugo-theme-stack-stars
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix(markdown image): be able to insert external images

Browse source
This commit is contained in:
Jimmy Cai 2020-08-22 21:02:30 +02:00
parent 35ce4cb0ce
commit d36a7c0950
1 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
layouts/_default/_markup/render-image.html
View file

@ -1,12 +1,13 @@
{{- $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}} {{- $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}}
{{- $small := $image.Resize "480x" -}} {{- if $image -}}
{{- $big := $image.Resize "1024x" -}} {{- $small := $image.Resize "480x" -}}
{{- $alt := .PlainText | safeHTML -}} {{- $big := $image.Resize "1024x" -}}
{{- $caption := "" -}} {{- $alt := .PlainText | safeHTML -}}
{{- with $alt -}} {{- $caption := "" -}}
{{- $caption = . | safeHTML -}} {{- with $alt -}}
{{- end -}} {{- $caption = . | safeHTML -}}
<figure> {{- end -}}
<figure>
<a href="{{ $image.RelPermalink }}" data-size="{{ $image.Width }}x{{ $image.Height }}"> <a href="{{ $image.RelPermalink }}" data-size="{{ $image.Width }}x{{ $image.Height }}">
<img srcset="{{ $small.RelPermalink }} 480w, {{ $big.RelPermalink }} 1024w" <img srcset="{{ $small.RelPermalink }} 480w, {{ $big.RelPermalink }} 1024w"
src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" loading="lazy" src="{{ $image.RelPermalink }}" width="{{ $image.Width }}" height="{{ $image.Height }}" loading="lazy"
@ -15,4 +16,7 @@
{{ with $caption }} {{ with $caption }}
<figcaption>{{ . | markdownify }}</figcaption> <figcaption>{{ . | markdownify }}</figcaption>
{{ end }} {{ end }}
</figure> </figure>
{{- else -}}
<img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title }} title="{{ . }}"{{ end }} />
{{- end -}}