From 428ae688108bea4db90797a02cfc2144472ccb31 Mon Sep 17 00:00:00 2001
From: D-Sketon <2055272094@qq.com>
Date: Sun, 9 Jun 2024 11:39:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20banner=20srcset=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
_config.yml | 10 ++++++++++
layout/_partial/header.ejs | 11 ++++++++++-
source/images/banner-600w.webp | Bin 0 -> 73946 bytes
source/images/banner-800w.webp | Bin 0 -> 108884 bytes
source/images/banner.webp | Bin 121454 -> 143442 bytes
5 files changed, 20 insertions(+), 1 deletion(-)
create mode 100644 source/images/banner-600w.webp
create mode 100644 source/images/banner-800w.webp
diff --git a/_config.yml b/_config.yml
index 9bd193e..12461d2 100644
--- a/_config.yml
+++ b/_config.yml
@@ -8,11 +8,21 @@ menu:
banner: "/images/banner.webp" # themes/reimu/source/images/banner.webp
# You can also write it in the form of the following url
# banner: "https://example.com"
+banner_srcset:
+ enable: false
+ srcset:
+ - src: "/images/banner-600w.webp"
+ media: "(max-width: 479px)"
+ - src: "/images/banner-800w.webp"
+ media: "(max-width: 799px)"
+ - src: "/images/banner.webp"
+ media: "(min-width: 800px)"
favicon: "/images/favicon.ico" # themes/reimu/source/images/favicon.ico
# You can also write it in the form of the following url
# favicon: "https://example.com"
avatar: "avatar.webp" # source/_data/avatar/avatar.webp
+
# Content
excerpt_link: Read More
diff --git a/layout/_partial/header.ejs b/layout/_partial/header.ejs
index 7204d07..de09e91 100644
--- a/layout/_partial/header.ejs
+++ b/layout/_partial/header.ejs
@@ -28,7 +28,16 @@
<% } else if (post.cover == false) { %>
<% } else { %>
-  %>)
+ <% if (theme.banner_srcset.enable) { %>
+
+ <% for (var i of theme.banner_srcset.srcset) { %>
+
+ <% } %>
+
+
+ <% } else { %>
+
+ <% } %>
<% } %>