From 11684063780e435f8588c98884f39639817cf0bd Mon Sep 17 00:00:00 2001 From: "Yejia (Richard) Xu" Date: Mon, 4 May 2026 02:31:07 +0100 Subject: [PATCH 1/4] add fixed-style background to posts/pages --- _config.yml | 4 ++++ layout/page.ejs | 4 ++++ layout/pages/home/home-background.ejs | 5 +++++ 3 files changed, 13 insertions(+) diff --git a/_config.yml b/_config.yml index 1b61337a..dee3c121 100755 --- a/_config.yml +++ b/_config.yml @@ -192,6 +192,10 @@ home_banner: qr: - icon: /images/custom-icon.svg qr: + # Fixed blur background for posts and pages (uses the same image as home banner) + # Can be overridden per-post/page via front matter: fixed_background: true/false + post_page: + enable: false # HOME BANNER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end diff --git a/layout/page.ejs b/layout/page.ejs index c3a6efe8..a705a3b0 100755 --- a/layout/page.ejs +++ b/layout/page.ejs @@ -9,6 +9,10 @@ <% } else if (theme.home_banner.enable === true && is_home() && page.prev && theme.home_banner.style === "fixed") { %> <%- partial('pages/home/home-background') %> <% } %> + <% const _postPageBgEnabled = page.fixed_background !== undefined ? page.fixed_background === true : (theme.home_banner.enable === true && theme.home_banner.post_page && theme.home_banner.post_page.enable === true); %> + <% if (_postPageBgEnabled && (is_post() || is_page())) { %> + <%- partial('pages/home/home-background') %> + <% } %>
diff --git a/layout/pages/home/home-background.ejs b/layout/pages/home/home-background.ejs index a0c2e98d..12cbffe9 100644 --- a/layout/pages/home/home-background.ejs +++ b/layout/pages/home/home-background.ejs @@ -24,6 +24,11 @@ .home-banner-background { filter: blur(15px); } + .article-content-container, + .post-toc-container, + .post-tools-container { + background-color: var(--background-color-transparent-80) !important; + }
From 7953288e195f85d2387dbe83ac884397c94d3cd5 Mon Sep 17 00:00:00 2001 From: "Yejia (Richard) Xu" Date: Tue, 5 May 2026 01:35:53 +0100 Subject: [PATCH 2/4] add background to archive pages & add transparency --- layout/page.ejs | 2 +- layout/pages/home/home-background.ejs | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/layout/page.ejs b/layout/page.ejs index a705a3b0..8885b1ab 100755 --- a/layout/page.ejs +++ b/layout/page.ejs @@ -10,7 +10,7 @@ <%- partial('pages/home/home-background') %> <% } %> <% const _postPageBgEnabled = page.fixed_background !== undefined ? page.fixed_background === true : (theme.home_banner.enable === true && theme.home_banner.post_page && theme.home_banner.post_page.enable === true); %> - <% if (_postPageBgEnabled && (is_post() || is_page())) { %> + <% if (_postPageBgEnabled && (is_post() || is_page() || is_archive() || is_tag() || is_category())) { %> <%- partial('pages/home/home-background') %> <% } %> diff --git a/layout/pages/home/home-background.ejs b/layout/pages/home/home-background.ejs index 12cbffe9..4a94739f 100644 --- a/layout/pages/home/home-background.ejs +++ b/layout/pages/home/home-background.ejs @@ -26,7 +26,9 @@ } .article-content-container, .post-toc-container, - .post-tools-container { + .post-tools-container, + .archive-container, + .page-template-container { background-color: var(--background-color-transparent-80) !important; } From e60d274c1344e32882257553b5a179fa20817ab0 Mon Sep 17 00:00:00 2001 From: "Yejia (Richard) Xu" Date: Tue, 5 May 2026 02:03:13 +0100 Subject: [PATCH 3/4] add option to control container transparency default to 60 instead of 80 --- _config.yml | 2 ++ layout/pages/home/home-background.ejs | 10 ++++++++-- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/_config.yml b/_config.yml index dee3c121..1662d0fc 100755 --- a/_config.yml +++ b/_config.yml @@ -196,6 +196,8 @@ home_banner: # Can be overridden per-post/page via front matter: fixed_background: true/false post_page: enable: false + # Transparency level of content panels when background is active (0–100, lower = more transparent) + transparency: 60 # HOME BANNER <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< end diff --git a/layout/pages/home/home-background.ejs b/layout/pages/home/home-background.ejs index 4a94739f..ce99c595 100644 --- a/layout/pages/home/home-background.ejs +++ b/layout/pages/home/home-background.ejs @@ -1,4 +1,10 @@ +<% const _bgTransparency = theme.home_banner.transparency !== undefined ? theme.home_banner.transparency : 60; %> +<% const _bgOpacity = Math.min(100, Math.max(0, _bgTransparency)) / 100; %> +<% const _defaultModeDark = theme.colors && theme.colors.default_mode === 'dark'; %> From 90230bd553ca470578e2929e9acaac767e77f98e Mon Sep 17 00:00:00 2001 From: "Yejia (Richard) Xu" Date: Tue, 5 May 2026 02:18:16 +0100 Subject: [PATCH 4/4] fix home_banner css setting to allow transparency --- layout/pages/home/home-banner.ejs | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/layout/pages/home/home-banner.ejs b/layout/pages/home/home-banner.ejs index 052310b7..ee6467d7 100755 --- a/layout/pages/home/home-banner.ejs +++ b/layout/pages/home/home-banner.ejs @@ -1,5 +1,11 @@ +<% const _bgTransparency = theme.home_banner.transparency !== undefined ? theme.home_banner.transparency : 60; %> +<% const _bgOpacity = Math.min(100, Math.max(0, _bgTransparency)) / 100; %> +<% const _defaultModeDark = theme.colors && theme.colors.default_mode === 'dark'; %> <% if (theme.home_banner.style === "fixed") { %>