From 1525e0712d7646e9860494f67633f4dd7c4f1157 Mon Sep 17 00:00:00 2001
From: liushuyu <liushuyu011@gmail.com>
Date: Mon, 25 Oct 2021 03:01:56 -0600
Subject: [PATCH] layouts: use Hugo's image resizing facilities

---
 layouts/_default/baseof.html                      | 3 ++-
 layouts/entry/single.html                         | 4 +++-
 layouts/partials/entry/summary.html               | 4 +++-
 layouts/shortcodes/imgs.html                      | 6 +++++-
 layouts/shortcodes/single-title-imgs-compare.html | 6 +++++-
 layouts/shortcodes/single-title-imgs.html         | 5 ++++-
 6 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 1534e64..ae71fb3 100755
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -21,7 +21,8 @@
     <title>{{- if not .IsHome }}{{ .Title }} - {{ .Site.Title }}{{- else }}{{ .Site.Title }} - {{ .Site.Params.Tagline }}{{- end}}</title>
     <link href="https://fonts.googleapis.com/css?family=Ubuntu|Dosis" rel="stylesheet">
     <link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
-    <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
+    {{ $stylesheet := resources.Get "scss/style.scss" | toCSS | minify }}
+    <link rel="stylesheet" href="{{ $stylesheet.Permalink }}" />
     {{- block "css" . }}{{- end }}
 
     {{ if eq (getenv "HUGO_ENV") "PRD" }}
diff --git a/layouts/entry/single.html b/layouts/entry/single.html
index 29a443a..3bc57a5 100644
--- a/layouts/entry/single.html
+++ b/layouts/entry/single.html
@@ -1,7 +1,9 @@
 {{ define "header" }}
+{{ $banner := (.Page.Resources.ByType "image").GetMatch "banner.png" }}
+{{ $resized := $banner.Resize "1280x q99 jpg" }}
 {{ $author := index .Site.Data.authors ( .Params.author | default "" ) }}
 {{ $coauthors := split ( .Params.coauthor | default "" ) "," }}
-<div class="mb-md blog-entry-header single" style="background-image: url('{{ .Site.BaseURL }}/{{ .Dir }}banner.png');background-repeat:no-repeat;background-size:contain;background-position:center;"></div>
+<div class="mb-md blog-entry-header single" style="background-image: url('{{ $resized.Permalink }}');background-repeat:no-repeat;background-size:contain;background-position:center;"></div>
 <div class="has-text-centered">
     <div>
         <span class="title px-md py-sm">{{ .Title }}</span>
diff --git a/layouts/partials/entry/summary.html b/layouts/partials/entry/summary.html
index 3148a5c..93dfb52 100644
--- a/layouts/partials/entry/summary.html
+++ b/layouts/partials/entry/summary.html
@@ -15,7 +15,9 @@
 </div>
 {{ else }}
 {{ $author := index .Site.Data.authors ( .Params.author | default "" ) }}
-<div class="mb-md blog-entry-header summary entry" style="background-image: url('/{{ path.Join .File.Dir "summary.png" }}')" data-href="{{ .Permalink }}">
+{{ $original := (.Page.Resources.ByType "image").GetMatch "summary.png" }}
+{{ $resized := $original.Resize "1280x q90 jpg" }}
+<div class="mb-md blog-entry-header summary entry" style="background-image: url('{{ $resized.Permalink }}')" data-href="{{ .Permalink }}">
     <div class="px-md">
         <span class="title">{{ .Title }}</span>
     </div>
diff --git a/layouts/shortcodes/imgs.html b/layouts/shortcodes/imgs.html
index e81337d..1361aef 100644
--- a/layouts/shortcodes/imgs.html
+++ b/layouts/shortcodes/imgs.html
@@ -1,3 +1,4 @@
+{{ $originals := (.Page.Resources.ByType "image") }}
 <div class="columns is-img-preview">
     {{ range $param := .Params }}
     <!-- image -->
@@ -15,7 +16,10 @@
         {{ else }}
             <a href="{{ $src }}" title="{{ $title }}">
                 {{- if eq $extension "png" -}}
-                <img src="{{ $src }}.jpg" alt="{{ $title }}">
+                {{ $original := $originals.GetMatch (printf "*%s" (path.Base $src)) }}
+                {{ $resized_width := math.Min $original.Width 1024 }}
+                {{ $resized := $original.Resize (print $resized_width "x q90 jpg" ) }}
+                <img src="{{ $resized.Permalink }}" alt="{{ $title }}">
                 {{- else -}}
                 <img src="{{ $src }}" alt="{{ $title }}">
                 {{- end -}}
diff --git a/layouts/shortcodes/single-title-imgs-compare.html b/layouts/shortcodes/single-title-imgs-compare.html
index 38aed05..07d53f2 100644
--- a/layouts/shortcodes/single-title-imgs-compare.html
+++ b/layouts/shortcodes/single-title-imgs-compare.html
@@ -1,4 +1,5 @@
 {{ $title := .Get 0 }}
+{{ $originals := (.Page.Resources.ByType "image") }}
 <div class="columns is-bottom-marginless">
     <div class="column is-bottom-paddingless juxtapose">
     {{ range $param := last 2 .Params }}
@@ -9,7 +10,10 @@
     {{ $split_src := split $src "." }}
     {{ $extension := index $split_src (sub (len $split_src) 1) }}
         {{- if eq $extension "png" -}}
-        <img src="{{ $src }}.jpg" alt="{{ $title }}">
+        {{ $original := $originals.GetMatch (printf "*%s" (path.Base $src)) }}
+        {{ $resized_width := math.Min $original.Width 1024 }}
+        {{ $resized := $original.Resize (print $resized_width "x q90 jpg" ) }}
+        <img src="{{ $resized.Permalink }}" alt="{{ $title }}">
         {{- else -}}
         <img src="{{ $src }}" alt="{{ $title }}">
         {{- end -}}
diff --git a/layouts/shortcodes/single-title-imgs.html b/layouts/shortcodes/single-title-imgs.html
index 2dbf88d..56929f5 100644
--- a/layouts/shortcodes/single-title-imgs.html
+++ b/layouts/shortcodes/single-title-imgs.html
@@ -1,4 +1,5 @@
 {{ $title := .Get 0 }}
+{{ $originals := (.Page.Resources.ByType "image") }}
 <div class="columns is-img-preview is-bottom-marginless">
     {{ range $param := last (sub (len .Params) 1) .Params }}
     <!-- image -->
@@ -16,7 +17,9 @@
         {{ else }}
             <a href="{{ $src }}" title="{{ $subtitle }}">
                 {{- if eq $extension "png" -}}
-                <img src="{{ $src }}.jpg" alt="{{ $title }}">
+                {{ $original := $originals.GetMatch (printf "*%s" (path.Base $src)) }}
+                {{ $resized := $original.Resize "800x q90 jpg" }}
+                <img src="{{ $resized.Permalink }}" alt="{{ $title }}">
                 {{- else -}}
                 <img src="{{ $src }}" alt="{{ $title }}">
                 {{- end -}}