From ba8aac3a14c02936b685924714ad8e2431ac59b7 Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Sun, 28 Sep 2025 23:57:58 +0800 Subject: [PATCH 01/17] fix(terms): typo term -> taxonomy --- layouts/_default/terms.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html index a6e54935..94851574 100644 --- a/layouts/_default/terms.html +++ b/layouts/_default/terms.html @@ -1,6 +1,6 @@ {{ define "main" }} {{ .Scratch.Set "scope" "list" }} - {{ $showHero := .Params.showHero | default site.Params.term.showHero | default false }} + {{ $showHero := .Params.showHero | default site.Params.taxonomy.showHero | default false }} {{ if $showHero }} {{ $heroStyle := print "hero/" site.Params.taxonomy.heroStyle ".html" }} {{ if templates.Exists ( printf "partials/%s" $heroStyle ) }} From fefb7d2fb5b175ee61ec04120fb7e75e3fe3296f Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Sat, 4 Oct 2025 00:39:15 +0800 Subject: [PATCH 02/17] fix(katex): content hidden at container edges --- assets/css/compiled/main.css | 4 ++-- assets/css/main.css | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index df12be42..77d27f40 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -3746,8 +3746,8 @@ button, [role="button"] { overflow: auto hidden; } .katex-display { - padding-right: 2px; - width: calc(100% - 2px); + padding: 1em; + width: calc(100% - 1em); } table { display: block; diff --git a/assets/css/main.css b/assets/css/main.css index 577c60ec..171d099e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -130,8 +130,8 @@ button, /* Fix katex overflow https://github.com/nunocoracao/blowfish/issues/2138 */ .katex-display { - padding-right: 2px; - width: calc(100% - 2px); + padding: 1em; + width: calc(100% - 1em); } /* Fix long tables breaking out of article on mobile */ From 2c6a95a75567714c88f8aa6685230285939743ba Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Sun, 5 Oct 2025 03:36:10 +0800 Subject: [PATCH 03/17] fix(toc): incorrect active link in short paragraph --- layouts/partials/toc.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/layouts/partials/toc.html b/layouts/partials/toc.html index 9946f6d8..316d764d 100644 --- a/layouts/partials/toc.html +++ b/layouts/partials/toc.html @@ -33,12 +33,24 @@ const TOC_LINK_SELECTOR = 'a[href^="#"]' const NESTED_LIST_SELECTOR = 'li ul' const ACTIVE_CLASS = 'active' + let isJumpingToAnchor = false function getActiveAnchorId(anchors, offsetRatio) { const threshold = window.scrollY + window.innerHeight * offsetRatio const tocLinks = [...document.querySelectorAll('#TableOfContents a[href^="#"]')] const tocIds = new Set(tocLinks.map(link => link.getAttribute('href').substring(1))) + if (isJumpingToAnchor) { + for (let i = 0; i < anchors.length; i++) { + const anchor = anchors[i] + if (!tocIds.has(anchor.id)) continue + const top = anchor.getBoundingClientRect().top + window.scrollY + if (Math.abs(window.scrollY - top) < 100) { + return anchor.id + } + } + } + for (let i = anchors.length - 1; i >= 0; i--) { const top = anchors[i].getBoundingClientRect().top + window.scrollY if (top <= threshold && tocIds.has(anchors[i].id)) { @@ -85,6 +97,12 @@ toc.querySelectorAll(NESTED_LIST_SELECTOR).forEach(ul => ul.style.display = 'none') } + links.forEach(link => { + link.addEventListener('click', () => { + isJumpingToAnchor = true + }) + }) + const config = { toc, anchors, From d4620d531835c46a4e82fa9087bd14e9de110d39 Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Sun, 5 Oct 2025 02:49:26 +0800 Subject: [PATCH 04/17] fix(blur): remove small right-edge gap of blur on mobile devices --- assets/css/compiled/main.css | 1 + assets/css/main.css | 1 + 2 files changed, 2 insertions(+) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 77d27f40..f079b13c 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -3773,6 +3773,7 @@ pre { object-fit: cover; } .single_hero_background { + width: calc(100% + 1px); z-index: -10; } .hero_gradient { diff --git a/assets/css/main.css b/assets/css/main.css index 171d099e..dfda1499 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -169,6 +169,7 @@ pre { } .single_hero_background { + width: calc(100% + 1px); /* patch for very small gap at right edge on mobile devices */ z-index: -10; } From 9665fe953c3594631c8590c544469da99f6f1fc4 Mon Sep 17 00:00:00 2001 From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com> Date: Fri, 3 Oct 2025 04:00:39 +0800 Subject: [PATCH 05/17] fix(header): align width with body remove all horizontal padding align layout padding settings with body split body classes into three variables --- assets/css/compiled/main.css | 24 ++++++-------------- layouts/_default/baseof.html | 7 +++--- layouts/partials/header/basic.html | 2 +- layouts/partials/header/fixed-fill-blur.html | 4 ++-- layouts/partials/header/fixed-fill.html | 4 ++-- layouts/partials/header/fixed-gradient.html | 6 ++--- layouts/partials/header/fixed.html | 4 ++-- 7 files changed, 21 insertions(+), 30 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index f079b13c..1c61ae30 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1171,9 +1171,6 @@ body.zen-mode-enable { .mr-5 { margin-right: calc(var(--spacing) * 5); } - .mr-auto { - margin-right: auto; - } .\!mb-0 { margin-bottom: calc(var(--spacing) * 0) !important; } @@ -1225,9 +1222,6 @@ body.zen-mode-enable { .ml-3 { margin-left: calc(var(--spacing) * 3); } - .ml-auto { - margin-left: auto; - } .box-border { box-sizing: border-box; } @@ -1455,9 +1449,6 @@ body.zen-mode-enable { .max-w-\[5rem\] { max-width: 5rem; } - .max-w-\[64rem\] { - max-width: 64rem; - } .max-w-\[200px\] { max-width: 200px; } @@ -2091,15 +2082,12 @@ body.zen-mode-enable { .pt-\[5px\] { padding-top: 5px; } - .pr-0 { - padding-right: calc(var(--spacing) * 0); + .pr-2 { + padding-right: calc(var(--spacing) * 2); } .pr-8 { padding-right: calc(var(--spacing) * 8); } - .pr-\[24px\] { - padding-right: 24px; - } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } @@ -2127,9 +2115,6 @@ body.zen-mode-enable { .pl-4 { padding-left: calc(var(--spacing) * 4); } - .pl-\[24px\] { - padding-left: 24px; - } .text-center { text-align: center; } @@ -3049,6 +3034,11 @@ body.zen-mode-enable { padding-inline: calc(var(--spacing) * 24); } } + .md\:pr-4 { + @media (width >= 853px) { + padding-right: calc(var(--spacing) * 4); + } + } .lg\:absolute { @media (width >= 1024px) { position: absolute; diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 50a06183..8fa54003 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,9 +7,10 @@ data-auto-appearance="{{ site.Params.autoSwitchAppearance | default `true` }}"> {{- partial "head.html" . -}} - - + {{ $bodyLayout := "flex flex-col h-screen m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32" }} + {{ $bodyColor := "text-lg bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral" }} + {{ $bodyScrollbar := "scrollbar-thin scrollbar-track-neutral-200 scrollbar-thumb-neutral-400 dark:scrollbar-track-neutral-800 dark:scrollbar-thumb-neutral-600" }} +
+ class="main-menu flex items-center justify-between py-6 md:justify-start gap-x-3 pt-[2px] pr-2 md:pr-4 pb-[3px] pl-0"> {{ template "HeaderLogo" . }}